Full screen youtube video autoplay

J199

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).
#fullscreenvideo

I'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.

mariusjopen

Dear @JAW
can you make the video to start with autoplay without fullscreen?

Best!

Marius

J199

Actually, no. I tried a couple things and that din't work either. Would be great if you have any suggestions.

mariusjopen

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

J199

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

mariusjopen

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

Lay Theme Forum

Full screen youtube video autoplay

Online Users