Youtube视频背景块在网页内

时间:2015-07-20 10:33:46

标签: javascript youtube youtube-api

我想使用JavaScript在我的网页中设置YouTube视频作为块的背景。在那里我需要视频以全宽模式播放。此外,我需要提供自动播放,循环和静音等选项。

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

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

如何使用自动播放,全宽,循环和静音功能设置代码。

请帮助

1 个答案:

答案 0 :(得分:0)

看看这段代码

<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>