从Javascript自动启动YouTube视频

Posted 2021-04-01

我试图在加载时自动启动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>

视频完成时发出警报的部分正在运行，但自动播放器却没有。我已尝试在视频网址之后放置?AUTOPLAY=1标签，但这样做并不适合工作！

我已经看到了这个问题的所有变化，并且厌倦了所有的答案，但没有一个能够奏效。

有没有人知道我接下来应该尝试什么？

答案

感谢cat我的问题解决了！

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

另一答案

player = new YT.Player（'player'，{height：'390'，width：'640'，videoId：'0Bmhjf0rKe8'，autoplay：1，events：{'onReady'：onPlayerReady，'onStateChange'：onPlayerStateChange}