我想使用 YouTube 视频作为背景视频。但是视频不会垂直展开。有谁知道如何解决这一问题？ 另外，视频结束(循环播放)时会有延迟，有什么想法吗？ 当我从我的服务器加载视频时，它运行良好
<video class="bg-video__main" playsinline="" autoplay="" muted="" loop="">
<source src="img/cover-video.m4v" type="video/mp4">
</video>
但当我使用它时，它不会从 YouTube 中获取
<iframe class="bg-video__main" src="https://www.youtube.com/embed/u7vq7nImkV8?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&list=PLMGGIV_q_unoMJGsH4GnoBv2dLkCxdb6D" frameborder="0" allowfullscreen></iframe>
http://freewill-freespace.com/test
我需要从外部服务器加载，因为视频大约有 5mb。 YouTube background video issue
最佳答案
您需要为水平扩展添加 width="100%"，为垂直扩展添加 height="100%"。
对于循环，您似乎已经通过在 url 中添加 loop=1 来实现了。它不兼容所有播放器。如果您想了解更多相关信息，可以查看 google documentation
关于css - YouTube 背景视频不会垂直展开，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44673202/