使用Javascript自动启动youtube视频

时间:2019-03-09 21:27:40

标签: javascript youtube autoplay embedded-video

我试图在加载和完成时自动启动youtube视频,我希望它提醒完成。

这是我的HTML / JS

<div id="player"></div>

<script src="http://www.youtube.com/player_api"></script>

<script>

    // create youtube player
    var player;
    function onYouTubePlayerAPIReady() {
        player = new YT.Player('player', {
          height: '390',
          width: '640',
          videoId: '0Bmhjf0rKe8',
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });
    }

    // autoplay video
    function onPlayerReady(event) {
        event.target.playVideo();
    }

    // when video ends
    function onPlayerStateChange(event) {        
        if(event.data === 0) {            
            alert('done');
        }
    }

</script>

在视频播放完毕时发出警报的部分正在运行,但自动播放器无法运行。我试图在视频URL之后插入?AUTOPLAY=1标签,但该标签无法正常工作!

我已经看到了该问题的所有变体,并尝试了所有锚具,但没有一个起作用。

有人对我下一步应该尝试的方法有任何想法吗?

2 个答案:

答案 0 :(得分:2)

感谢cat,我的问题已解决!

我要做的就是转到chrome://flags/#autoplay-policy,然后在“自动播放策略”下的下拉菜单中选择“不需要用户手势”,然后重新启动Chrome。

答案 1 :(得分:0)

player = new YT.Player('player',{           高度:“ 390”,           宽度:“ 640”,           videoId:“ 0Bmhjf0rKe8”,           自动播放:1           事件:{             'onReady':onPlayerReady,             'onStateChange':onPlayerStateChange           }