Youtube视频背景块内的网页

Youtube Video Background to blocks inside a webpage

本文关键字：网页 视频 背景 Youtube      更新时间：2023-09-26

我想使用JavaScript设置YouTube视频作为我的网页内块的背景。在那里我需要视频在全宽模式下播放。我还需要给选项，如自动播放，循环和静音。

我有一个脚本，我可以给背景视频与循环和自动播放功能，但不能给全宽度和静音功能。在我的脚本中，我生成了一个iframe，如下面的示例代码

<iframe width="420" height="315" src="http://www.youtube.com/embed/youtube_id_here?autoplay=1&loop=1">
</iframe>

如何设置代码与自动播放，全宽，循环和静音功能，

帮助请

看看这段代码

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

相关文章：