YouTube 背景视频不会垂直展开答案

【问题标题】：YouTube Background Video doesn't expand verticallyYouTube 背景视频不会垂直展开
【发布时间】：2017-06-21 10:13:16
【问题描述】：

我想使用 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

【问题讨论】：

那么你只是想保持视频的纵横比吗？
是的，垂直展开视频。

标签： css video youtube

【解决方案1】：

您需要在 iframe 中添加width="100%" 用于水平扩展和height="100%" 用于垂直扩展。

对于循环，您似乎已经通过在您的网址中添加loop=1 来做到这一点。它不兼容所有播放器通过。如果您想了解更多信息，可以查看google documentation

【讨论】：

这将是一个包含 2 个（重复）项目的播放列表，重复播放（产生一个/相同视频循环的效果）？
你可以这样做来欺骗不工作的老玩家。但是对于较新的 html5 播放器，循环现在仅适用于一个视频。
@VC.One 我认为你看对了，播放列表重新加载了这个。但播放列表只有一个视频youtube.com/…。看看这不是一个错误，让它循环 youtube 重复播放列表而不是视频。当前循环的外观仅适用于支付列表，因此目前无法消除这种“滞后”。
@VC.One 是的，我在同一个播放列表中有同一个视频。如果不这样做，我不知道如何循环。知道如何在没有播放列表的情况下循环播放视频吗？
@Stargateur 是的，我正在循环使用播放列表。知道如何在没有播放列表的情况下循环播放视频吗？