将YouTube视频设为网站背景

时间:2015-07-06 13:54:34

标签: jquery html css video youtube

我有一个网站,我想使用全宽视频。我之前已经完全正常工作,但随机的静音视频播放声音。到目前为止,我还没有完全触及代码(从没有声音)。我检查了教程,我从中得到了代码,声音也在那里取消了,所以我很好奇它是否是一个youtube的东西。

以下是教程的链接: http://bootsnipp.com/snippets/featured/ful-screen-video-background

这是应该被静音的地方,数据属性中的锚标记是静音:

<section class="content-section video-section">
  <div class="pattern-overlay">
  <a id="bgndVideo" class="player" data-property="{videoURL:'https://www.youtube.com/watch?v=fdJc1_IBKJA',containment:'.video-section', quality:'large', autoPlay:true, mute:true, opacity:1}">bg</a>
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
        <h1>Full Width Video</h1>  
        <h3>Enjoy Adding Full Screen Videos to your Page Sections</h3>
       </div>
      </div>
    </div>
  </div>
</section>

我尝试使用 muted:true ,因为我可以在google搜索中进行搜索,但它没有做任何事情,所有其他搜索都说静音:true 应该有效,任何人都可以看到这个问题?还是知道另一种静音的方法?

2 个答案:

答案 0 :(得分:1)

您可以试试library。它有 MUTE 选项,还有其他很棒的功能。

答案 1 :(得分:0)

你也得到了这个library。您只需要包含js文件并调用此函数,例如:

$(document).ready(function() {  
    ytbg("vQWlNALvbhE", 0, 17, 1);
});

作为解释:

ytbg("video link", starttime, endtime, volume).