如何在超时后使用JS播放youtube?

时间:2015-09-18 11:03:46

标签: javascript jquery

我的网站上有一个youtube视频,希望它在我的网站上用户5秒后开始播放。

JS / jQuery可以吗?无论如何?

3 个答案:

答案 0 :(得分:1)

点击此链接http://codepen.io/martinwolf/pen/dyLAC

您只需要替换上面链接中的以下代码

amount

$('#play-video').on('click', function(ev) {

    $("#video")[0].src += "&autoplay=1";
    ev.preventDefault();

  });

答案 1 :(得分:0)

这很简单:

using (Microsoft.QualityTools.Testing.Fakes.ShimsContext.Create())
{
     // Setup Shim function for PatIndex:
     System.Data.Entity.SqlServer.FakesShimSqlFunctions.PatIndexStringString = (pattern, target) => 
     {
        // Implement PatIndex function here
        throw new NotImplementedException();
     }

     // Your Unit test code goes here
}
 setInterval(function(e){
   $('#video')[0].src += '?autoplay=1';
   e.preventDefault();
 }, 5000);

选中此JS Fiddle

答案 2 :(得分:0)

我建议您使用正确的方法来执行此操作。

例如,您可以使用纯JS和YouTube播放器API执行此操作:

<iframe id="player" src="https://www.youtube.com/embed/M7lc1UVf-VE?enablejsapi=1" width="400" height="300"></iframe>
<script src="https://www.youtube.com/iframe_api"></script>
<script>
    var player;

    function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {
            events: {
                'onReady': onPlayerReady
            }
        });
    }

    function onPlayerReady(event) {
        setTimeout(function() {
            event.target.playVideo();
        }, 5000)
    }
</script>

这是小提琴:https://jsfiddle.net/hv4bpbys/2/

您可以找到更多信息here