Question

我制作了这个剧本，我有两个奇怪的问题：

<div style="position: fixed; z-index: -99; width: 100%; height: 100%">
   <iframe frameborder="0" height="100%" width="100%" 
src="https://youtube.com/embed/kWoxV4HLgKg?rel=0&loop=1&autoplay=1&controls=0&showinfo=0&autohide=1">
   </iframe>
</div>

循环= 1不工作，我不知道为什么。

我的基础是：https://developers.google.com/youtube/player_parameters#autoplay

此外，视频不占用屏幕的100％，但有2个黑带。

有可能解决这两个问题吗？

Answer 1

根据以下文档，

循环无法在iframe中使用。 https://developers.google.com/youtube/player_parameters#loop

关于文档中的Loop参数注意：此参数在AS3播放器和IFrame嵌入中的支持有限，可以加载AS3或HTML5播放器。目前，循环参数仅在与播放列表参数一起使用时才在AS3播放器中起作用。要循环单个视频，请将循环参数值设置为1，并将播放列表参数值设置为已在播放器API网址中指定的相同视频ID

视频的尺寸为854px x 480px。您需要保持该宽高比以摆脱黑色空间。

Answer 2

这应该适合你。

https://www.youtube.com/embed/kWoxV4HLgKg?playlist=kWoxV4HLgKg&autoplay=1&controls=0&rel=0&showinfo=0&loop=1" frameborder="0"

似乎嵌入式播放器有时会变幻无常如果您愿意，请尝试不同的事情HERE。

Answer 3

正如Ravi所提到的，您需要将其添加到播放列表中，以便在iFrame中自动播放。为了解决这个问题，我已经将播放列表设置为视频本身。

<div style="position: fixed; z-index: -99; width: 100%; height: 100%">
    <iframe frameborder="0" height="100%" width="100%" 
            src="https://youtube.com/embed/kWoxV4HLgKg?
rel=0&autoplay=1&controls=0&showinfo=0&autohide=1&playlist=kWoxV4HLgKg&loop=1" 
frameborder="0" allowfullscreen></iframe>
</div>

对于黑色条带，这是因为视频的分辨率与屏幕的宽高比不匹配（因为全宽会使其成为宽屏，因此您会看到两侧的黑色条带）。如果您尝试使用具有宽屏分辨率的视频，则不会看到黑带。

Youtube视频嵌入循环

3 个答案: