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.
