Code

Discussion on HTML5 Video Player & FullScreen Video Background

Discussion on HTML5 Video Player & FullScreen Video Background

Cart 753 sales

LambertGroup supports this item

Supported

This author's response time can be up to 1 business day.

80 comments found.

Hello, I’m looking for a script that works exactly like in this page: https://www.vouschurch.com/

  1. Height can be set to available viewport, not full page
  2. Will play on mobile devices, no background image fallback
  3. Will continue to play even if you resize the page (responsive)
  4. No playlist or controls needed, just a link to play the video on a youtube superimposed iframe

Please let me know if your script behaves like the above description, I can’t tell from your demos.

Thank you very much in advance.

Daniel

Hello,

1. The background can be set only for a div, too

2. Yes, for self-hosted videos it will autoplay on mobile devices (like in your demo)

3. Yes

4. I’m sorry, but I don’t understand. Please give me additional details

Regards

Hello ,

please i want to buy your HTML5 player but please i want to ask important question before buying it , I want to use your HTML5 for my embed videos from ok.ru , and I want to prevent my visitors to watch it on ok.ru ( to watch it on my site ! )

So I want to hide ok icon that redirect visitors to ok.ru when they click on it + hide the title of the video that redirect visitors to ok.ru when they click on it + hide share button that contain the link and the embed code of ok.ru !

So my question : is your HTML5 player can do that ? and if yes , can you show me an example please on embed video from ok.ru using your HTML5 player ?

And Thanks very much on advance .. and waiting your reply .

Hello,

It can’t embed videos from some special sites. You need to have the direct link to the MP4 file, which will be hosted on your server or a third-party server.

Regards

on my website, I want to stream video files hosted in other servers like google drive, facebook and instagram. Can this player fetch and stream those video files if I just put in the video file links? Can stream any video files hosted in any servers if I type in the video file url?

Hello,

It can stream the video file from any server as long as you have the direct link to the video file.

Example: http://www.domainname.com/some_optional_path/file_name.mp4

Regards

any video file extension can be played? .avi .flv .wmv .mov all?

Hello,

If you want compatibility on all browsers and operating systems you should use MP4.

Also, .FLV is exclusively for FLASH. It can’t be played with HTML5

Regards

Hi, I’m trying to get the video to autoplay in Chrome. Google says they allow autoplay for muted videos, so can you tell me what tag I could use for that? https://rebel5films.com It works in all (current) browsers, but Chrome….which is the most popular :/

Hello,

Please set Initial Volume: 0

Regards

So for me, none of the videos autoplay. They only autoplay when viewing the page via a navigation link. If accessed directly, however (from an outside link for example) it doesn’t autoplay.

Why is that?

Hello,

Please send me the link where you have the player using the form preset on the right sidebar of our profile page https://codecanyon.net/user/lambertgroup Regards

I would only like one thumbnail for the “full_width_vimeo.html” template—however the thumbnail aligns to the left and looks rediculous. How may I make it centered?

Hello,

The thumbs are centered by default.

Maybe you have a CSS definition which targets the bottom navigation.

Please send me on office@lambertgroup.ro the link where you have the player, to take a look.

Regards

how to use this code in my site wp

Hello,

This is not a WordPress plugin.

This is the WordPress plugin: https://codecanyon.net/item/video-player-fullscreen-video-background-wp-plugin/9323381

Regards

How to install this plugin

Hello,

This is not a WordPress plugin.

This is the WordPress plugin: https://codecanyon.net/item/video-player-fullscreen-video-background-wp-plugin/9323381

Regards

Hi, here are some questions

Is there any html page template provided with this same (or similar) transparent window? :

http://www.videoplayerhtml5.com/universalvideobackground/the_full_screen_mixed.html

So we can directly put our texts (and links) on this window. Also, the same with window but with rounded corner (if possible).

Or, is that possible to choose the opacity/transparent level of the textures, and put our texts (and links) over this texture?

////////

Is there any mute button? Can we choose its position?

Or as the opposite side, can we start the video silent, and the user have access to a Sound button to enable it?

Does any live video works also? Because there are some interesting live video 24/24….

////////

Is that possible to combine, on the same html page, this video fullscreen background script + the Apollo HTML5 Audio Player.

In case of the chosen video is silent, it could be nice if the visitor can choose a background music in the same time.

////////

And finally, the same questions for mobile device (does it work also)?

That’s all, thanks.

Hello,

1. The transparent template is not provider because is part of the live demo. You’ll receive the video player plugin.

I can send you the css class which creates that transparent div

2. The mute button is available for the fixed with or full width player because you have the controls visible: http://www.videoplayerhtml5.com/universalvideobackground/the_fixed_width_youtube.html

3. If you use YouTube live links it will work.

4. Yes, you can insert in the same page the video background and the apollo player because you can set for the video background the initial volume 0

5. We have a note on the product page:

Note for IOS/Android (restrictions imposed by Apple/Google):

- for the moment only IOS allows autoplay and only if the video is muted. When you set autoPlayOnMobile:true, the video will mute automatically for mobile devices.

- auto-play option is only available for self-hosted videos. YouTube & Vimeo doesn’t have this option for mobile devices, yet.

6. The player comes with optional image fallback fro mobile devices

Regards

Can I use this one in Animate.CC for embed vimeo videos inside my HTML5 Canvas interactive projects?

Hello,

It wasn’t tested with Animate.CC.

If you can insert it in your <head> or sections, it will work.

Regards

Can this plugin show video background slider in mobile similar to this site on mobile? https://www.conserveca.org/ this auto plays on mobile.

Hello,

Your link autoplays only on IOS. On Android it doesn’t load at all.

IOS and Android have disabled the auto-play feature for HTML5 video tag to preserve users internet bandwidth.

Most probably your example site has a hack for IOS devices.

Regards

Hello,

1. We’ve added autoplay parameter for IOS devices

2. IOS allows autoplay only for self-hosted videos and when the video is muted . So when you activate the new parameter (autoplay on mobile devices) it will automatically mute the video on IOS.

3. On Android, it will only autoplay in Firefox. The other browser will not allow it.

Regards

Hi, On my site I’m only able to add code to the HTML head. So can I use your fullscreen video background?

Hello,

Please check help documentation, ‘HTML/JS code for implementation’ section. You’ll copy that code only in head section

Regards

Hi, I did that already. The background turned black, nothing else…

Hello,

Please send me on office@lambertgroup.ro the link where you have the player, to take a look.

Regards

I bought your script and everything is working fine so far. But I do have a question: how do I change the “overlay” of the video when the page has loaded? Now there’s a slight gray on top of the video (which disappears after I press play) but I don’t want any shade at all, the video should show up just as it is. You can see it here: http://etherial.de/ig/angebote.html#unternehmensbegleitung

Hello,

I’ve replied your email

Regards

Hello ! I bought your plugin, nice one, thank you. I use the singlelocal youtube player (fullscreen background). How can i show the timeline below ? Thank you !

Hello,

The background is designed to cover the entire display area and leave no black stripes so the controllers are not visible.

Regards

is there any way to show it ? I could style it with CSS, nevermind if it’s not expected by your team. Thank you !

Hello,

The controllers are out of visible area.

Try to set the parameter setAsBg:false

Regards

Hi and thank you for your lovely code Please if you could tell me what i am doing wrong and i cannot see the header . It seems that is hiding behind tha bg http://skiathosvillahermes.com/video-full.html

Thank you , again

Hello,

In this file http://skiathosvillahermes.com/css/style.css for this class ’#header’ replace z-index: 9px; with z-index: 999;

Regards

Your answer was fast and accurate! , something i wish i had for the HTML template i bought !! You deserve 5 stars Thank you

Thank you, too.

In the fullscreen video background – http://www.videoplayerhtml5.com/universalvideobackground/the_full_screen_mixed.html – can the video be scaled as the screen size gets smaller?

I see the video gets scaled. :)

But, I really wanted the video to cover a div on the page and then scroll to show a footer – is this possible?

Hello,

The video is scaled. It also tries to cover the entire display size so you’ll have no black stripes.

Regards

Is it possible to reduce the number of thumbnails in the playlist of the full-width player? If the player is in a small space, 12 thumbnails will be too tiny to see.

Also, can the plugin display videos (and change dynamically) from a YouTube playlist?

Hello,

You can set the desired number of visible thumbs using ‘numberOfThumbsPerScreen’ parameter when you initialize the player.

It will show & play only what you have defined in the player playlist

Regards

Hi, I am using the audio only version, but it wont play on background. Even if I change tabs the audio will stop playing.

Hello,

I’m sorry, I don’t understand what do you mean by ‘audio only version’.

Please send me on office@lambertgroup.ro the link where you have the player, to take a look.

Regards

Hello! Where are the video controls on Vimeo videos? I cant see them in fullscreen version

Hello,

For the video player you have controls in full screen http://www.videoplayerhtml5.com/universalvideobackground/the_fixed_width_vimeo.html

For video background the controls are not visible because is a background and only the video appears: http://www.videoplayerhtml5.com/universalvideobackground/the_full_screen_vimeo.html

Regards

I mean I cant see vimeo default controls here http://www.videoplayerhtml5.com/universalvideobackground/the_full_screen_vimeo.html

how are they hidden?

Hello,

From plugin settings.

If you show them, since the plugin will to cover the entire display and leave no black stripes, the controls will be somewhere beneath.

Regards

Hi can your player hide the source of embed player, like for example if I embed YT video with your player, can it hide the source from right click or the YT branding url?

Hello,

All you have to use is the YouTube video ID, so no code embedding.

You can’t hide completely the YouTube logo. Our player uses ‘YouTube modest branding’ and YouTube logo will appear when the video is pause and when the mouse is over the video.

For fullscreen background, due to the fact that the plugin will cover the entire screen no matter the resolution so the black stripes will no be present, the YouTube logo will not appear. Please check the live preview demo: http://www.videoplayerhtml5.com/universalvideobackground/the_full_screen_youtube.html

Regards

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey