Youtube 视频背景到网页内的块答案

【问题标题】：Youtube Video Background to blocks inside a webpageYoutube 视频背景到网页内的块
【发布时间】：2015-07-20 10:33:45
【问题描述】：

我想使用 JavaScript 将 YouTube 视频设置为我网页内的块背景。我需要视频以全宽模式播放。我还需要提供自动播放、循环播放和静音等选项。

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

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

如何设置具有自动播放、全角、循环和静音功能的代码。

请帮忙

【问题讨论】：

在这里查看我的 iFrameless/JS/CSS 唯一解决方案stackoverflow.com/questions/41616179/…

标签： javascript youtube youtube-api

【解决方案1】：

看看这段代码

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

【讨论】：

我不是要在后台定位视频。我只想要静音和全角的选项。 :)
你在代码宽度 100% 和隐藏控件中具有全角.. ;> 音量控制仅在 api 中可用.. 所以使用 iframe api 来做到这一点:) developers.google.com/youtube/iframe_api_reference