Full screen youtube video autoplay
-
Hey Armin. I'm trying to implement a full screen youtube video (with autoplay) as the first thing you see on the website.
The current status is that I have the embed full screen however it's not autoplaying, it's not responsive and doesn't work when I switch on cover mode.
I've set an id for the first row (which is set to full screen width and height).
#fullscreenvideoI've then used the following code
Custom HTML at Top
<div id="fullscreenvideo">
<iframe id="video" src="//www.youtube.com/embed/5iiPC-VGFLU" frameborder="0" allowfullscreen></iframe>
</div>Custom <head> content
<script>
jQuery(function(){
jQuery('#video').css({ width: jQuery(window).innerWidth() + 'px', height: jQuery(window).innerHeight() + 'px' });
jQuery(window).resize(function(){
jQuery('#video').css({ width: $(window).innerWidth() + 'px', height: jQuery(window).innerHeight() + 'px' });
});
});
</script>Would really appreciate your help on this.
-
Dear @JAW
can you make the video to start with autoplay without fullscreen?Best!
Marius
-
Actually, no. I tried a couple things and that din't work either. Would be great if you have any suggestions.
-
Dear @JAW
can you make a test page where you have a video without fullscreen and the autoplay activated? Then I can have a look there.Best!
Marius
-
Hi Marius,
Unfortunately I can't get that to function, however i'd simply like to have the youtube video full screen and responsive in size so that the viewer can click to play.
Thanks
-
Hi @JAW
can you do a page which is not shown in your navigation – then users don't see it.
There you can place a Youtube video and set it on autoplay.Then I can help.
Best!
Marius
Before you post
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it