在循环播放背景Youtube视频

时间:2016-10-07 12:53:54

标签: javascript jquery html css html5

我正在播放带有videoId的YouTube视频。

我怎样才能循环播放?

<script src="https://s3-us-west-2.amazonaws.com/cvteffects/vscript.js"></script>
$('#background-video').YTPlayer({
        fitToBackground: true,
        videoId: 'J0_nASX8cvs',
        startSeconds: 15,
        pauseOnScroll: false,
        repeat: true,
        loop: true,
        autoPlay: true
        //callback: function() {
          //var player = $('#background-video').data('ytPlayer').player;
          //console.log("callback", player);
        //}
      });
    });

这就是我在做的事情。但视频并没有循环播放。

需要帮助。

3 个答案:

答案 0 :(得分:1)

尝试类似这样的事情

<div style="display:none">
    <iframe width="420" height="345" src="http://www.youtube.com/embed/oHg5SJYRHA0?loop=1" frameborder="0" allowfullscreen></iframe>
</div>

答案 1 :(得分:0)

试试这个页面,它对我有用:

http://www.labnol.org/internet/youtube-video-background/27933/

我希望它对你有所帮助。

答案 2 :(得分:0)

它会做出魔力 <video autoplay loop id="video"></video> <script> jQuery(window).bind("load", function($) { jQuery("video#video").append('<source class="hidden-xs" src="/assets/Video/code.mp4" type="video/mp4">') }); </script>