Question

我想将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

Answer 1

您需要为水平展开添加width="100%"，为iframe添加height="100%"垂直广告。

对于循环，您似乎已经通过在网址中添加loop=1来完成此操作。它与所有玩家都不兼容。如果您想了解更多相关信息，可以查看google documentation

YouTube背景视频不会垂直展开

1 个答案: