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 am looking to use this inside a mobile app (web page).

Will your plugin allow for the portrait video to be full screen without any black bars?

Thanks, Ian

Hello,

If you’ll insert it in a website, it will behave like you see in the live preview demo: http://www.videoplayerhtml5.com/universalvideobackground/the_full_screen_youtube.html

The plugin will remove the black stripes no matter the device resolution

Regards

Hello, how can i do a full screen width correctly not with the black border in the video player please?

Hello,

In fullscreen version, the player doesn’t have black border, like you see here: http://www.videoplayerhtml5.com/universalvideobackground/the_full_screen_youtube.html

Regards

Yes but when i define a specific height i see the border…

Hello,

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

Regards

Is there a 360 degree version of your player available?

Hello,

We don’t have a 360 degree version

Regards

Great plugin. I’m only showing one video and its set to not auto play, is there a way of adding placeholder img, to show if the video isn’t playing?

Hello,

The first frame of the video should appear. Do you have an empty frame as your video first frame?

Regards

would have been awesome if the responsive design would turn the thumbnails from the buttom from 5 per / page to 2 per /page … this way the could be bigger :)

Hello,

We can make a modification for you.

Please send me an email on office@lambertgroup.ro after you buy the product and I’ll reply you a modified script.

Regards

Hello, can this be used on a web page with user controls and grab embed JS use on other sites?

Hello,

You can try using an iframe

Regards

Is there a way to loop randomly a vimeo gallery

Hello,

Just set ‘randomizeVideos’ true when you initialize the plugin.

Example:

        jQuery('#universal_video_background_default').universal_video_background({
                width: 960,
                height: 540,
                autoPlayFirstVideo:true,
                responsive:true,
                borderWidth: 0,
                borderColor: '#FFFFFF',    
                showBottomNav:true,
                showTooltip:true,
                thumbsBorderColorON:'#FFFFFF',
                thumbsBorderColorOFF:'#cccccc',
                thumbsWrapperBg:'#000000', //hexa or image
                thumbsBgOffImgOpacity:70,
                thumbsWrapperMarginTop:-70,
                                randomizeVideos:true

            });    

Thanks for the quick reply. Another question: How can I control the video sound? The idea is the video start with “initialVolume:0” and then the user be able to change the “initialVolume:1”

Hello,

If you are using it as fullscreen background, this is not possible.

Only if you use it as fixed width player or as fullwidth player you can chnage the volume because the controls are visible

Regards

What type of videos formats can be played using your player?

Hello,

YouTube, Vimeo and Self-Hosted videos (mp4 & webm)

Regards

hi… I really like your Video player….. I want to try to apply it in a HTML5/CSS3 responsive web site I have…. I would like to know, please:

1) Can I put the player inside a section of my web site (Let’s say a DIV), and can I put some of my content on top of this (like a text box or some images, for example…)

2) How easy is it to integrate inside an existing web site?

3) Can I have multiple instances of players with different content in the same HTML file?

Thank you very much, I really appreciate how amazing is your players.

Rotem B

Hello,

You can add only 1 instance as video background for the entire website. We don’t recommend you to add it as background for a div.

Regards

Ohh… I understand…

so the natural following questions, please:

1) If I add inside my web site a “non background video player”, like “Fixed/Full Width player” or the “Responsive player”, how will I be able to add stuff above it? maybe “z-index:X and stuff?”

2) How easy is it to integrate inside an existing web site?

Thanks!!! Great!!! byebye!!!

Rotem B

Hello,

1. Yes, you can add elements fro your website over the player using z-index

2. It’s very easy. It’s a basic copy and paste procedure. You have a 4 steps tutorial for implementation in the help documentation.

Regards

I installed your script and it works fine with a full screen video on a desktop, but on a phone, all I get is a big play button. Did I miss something? I don’t want it to trigger the video player on an iPhone, I want it to BE the page background.

Update: Crud, even your demo shows the play button. I guess I’m out of luck with your script.

Hello,

Use an YouTube video.

Another solution is to just load an image/color background for mobile devices with this css definition:

@media (max-width: 600px) { .universal_video_background { visibility:collapse; display:none; } .setAsBg { visibility:collapse; display:none; /* optional fallback color */ background-color:black; } }

I may try to load an animated Gif on anything below 1024 wide. That would probably do the trick.

I gave up and went entirely with an animated gif. It was just too much hassle.

1. Can background video be placed in div wrapper?

2. Does it loop youtube videos?

3. Is youtube video id placed on same page or external file?

Waiting for your reply to purchase.

Hello,

1. It is designed to be used as a website background and not div background

2. Yes, it will loop the playlist you’ll define

3. You’ll place the YouTube video ID in the playlist on the same page

Regards

How can I disable Vimeo full-screen video on mobile? I understand that it does not auto-play, but it shows a big, ugly “Play” button on mobile, and I’d prefer to have nothing there at all. I have tried all sorts of CSS display:none tricks, but nothing is hiding it on mobile.

Hello,

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

Regards

i am intrested to buy this player but only one Q Can i set video playback rate or speed

Hello,

I’m sorry, this option is not available

Regards

Hi, I’m trying to use full screen youtube video background.

My quick ask is; How to set it redirect to another page/url (ex: an affiliate page) after youtube video completely watched?

I’m looking forward to hearing from you.

please check your email now.

I’ve sent an email to asking about my question above, but still have not get the answer.

I’m very appreciated for your fast response.

regards, Richard

Hello,

I’ve replied to you yesterday. Please check your yesterday emails

Regards

Hello,

Could you please let me know if I can hide the control panel in full width Vimeo video?

Sincerely, Kate

Hello,

Yes, you can hide the thumbnail controllers from css

Regards

Hello

Thank you for this nice product, rated it 5 Stars!

It works great for me!

However, there is one thing that i’m struggling with, now, is the “destroy” method, is there any way to remove the plugin instance and re-instantiate it again?

I mean for example i have a text field with the video ID, each time i input a new video ID i want the old video/instance to get remove and show the new one, for now, i think it keeps the old one and adds a layer over it.

Thank you very much in advance for your guidance and help.

Hello,

Thank you for voting.

The product doesn’t have a ‘destroy” method.

Regards

Is there a way to start the video with an offset so it starts playing at 3seconds in say. I’m using the same video on multiple pages and it would be nice for it to start at different times so it doesn’t always appear to be starting over.

Hello,

I’m sorry, this option is not available

Regards

Disregard

Hi there,

Seeing the comments, the plugin does not support video background for any element right?

Is there anyway you could add support to set the video as a background of any element, and provide the ‘contain’ and ‘cover’ option so the video works like background-size: cover and background-size: contain on any element?

Seeing the code and implementation of your fullscreen video background this should be easy to do :)

If you add this feature, I’ll be purchasing the extended licence of this plugin for all my future themes. I’ll also be purchasing the extended licence immediately if you add this feature.

Thank you!

Hello,

We’ll take this into account

Regards

Thanks for your response :) When can I expect the feature to be added?

Hello,

I’m sorry, we can’t promise you a release date for the update

Regards

Hi, Great Plugin, I am using it as a self hosted full screen video background, i only have one video, which needs to loop continuously without flickering. how can i do it ?

thanks

on pause a flickering happens with black background how to avoid the black background

I don’t want any pause, can it play continuously

Hello,

This can’t be done

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