Html 使Youtube视频成为全高全宽封面视频

Html 使Youtube视频成为全高全宽封面视频,html,css,youtube,Html,Css,Youtube,我想使用Youtube视频作为包括声音在内的启动页面的全屏背景。然而,应该没有控制,暂停的能力,等等。它应该只是看起来像一个背景电影 最好的方法是什么 我应该使用这个标签,还是有其他HTML5标签,或者我可以使用完全不同的方法?如果您可以使用JS/jQuery: 另外,如果您想了解一些概念,请参阅源代码:如果您想使用YT player,我建议您使用 请记住,您可以将播放器设置为全背景大小,但不能在播放器内拉伸视频,因此您需要接受与视频原始比例不同的屏幕比例的黑色条纹。我建议你使用html5视频播

我想使用Youtube视频作为包括声音在内的启动页面的全屏背景。然而,应该没有控制,暂停的能力,等等。它应该只是看起来像一个背景电影

最好的方法是什么


我应该使用这个标签,还是有其他HTML5标签,或者我可以使用完全不同的方法?

如果您可以使用JS/jQuery:


另外,如果您想了解一些概念,请参阅源代码:

如果您想使用YT player,我建议您使用

请记住,您可以将播放器设置为全背景大小,但不能在播放器内拉伸视频,因此您需要接受与视频原始比例不同的屏幕比例的黑色条纹。我建议你使用html5视频播放器,也许可以帮到你


附言:@Besto的建议违反了Youtube的服务条款

如果你想隐藏视频顶部和底部的条形图,你可以通过将fullyt top设置为负的顶部边距,然后将其设置为比窗口大的必要像素数来移除顶部。
<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>