製作一個Youtube視頻全高和寬度覆蓋視頻

Question

我想使用Youtube視頻作爲全屏幕背景以顯示初始頁面（包括聲音）。然而，應該沒有控制，暫停的能力等。它應該看起來像背景電影。

這樣做的最好方法是什麼？

我應該使用標籤還是有其他一些HTML5標籤，或者我可以使用完全不同的方法？

Answer 1

如果你確定使用JS/jQuery的：http://www.seanmccambridge.com/tubular/

而且，看到源，如果你想利用一些概念：https://code.google.com/p/jquery-tubular/source/browse/trunk/js/jquery.tubular.1.0.js

Answer 2

如果你想使用YouTube播放器，我建議您需要使用Youtube Player API

請記住，您可以讓播放器爲全背景大小，但無法在播放器內拉伸視頻（因此您需要接受不同於原始比率的黑色條紋比例的視頻）。我建議你使用html5視頻播放器（也許video.js可以幫助你）

P.S .: @ Besto的建議Tubular打破Youtube的服務條款！

Answer 3

<div id="ytcon" style="overflow: hidden"> 
<iframe id="fullyt" src="//www.youtube.com/embed/QVr0M7WCBu4?autoplay=1" frameborder="0" allowfullscreen></iframe> 
</div> 

<script> 
$("#ytcon").height($(window).height()); 
$("#ytcon").width($(window).width()); 
$("#fullyt").height($(window).height()); 
$("#fullyt").width($(window).width()); 

$(window).on('resize', function(){ 
$("#ytcon").height($(window).height()); 
$("#ytcon").width($(window).width()); 
$("#fullyt").height($(window).height()); 
$("#fullyt").width($(window).width()); 
}); 

</script>