首页 > 解决方案 > 从 Javascript 自动启动 youtube 视频

问题描述

我正在尝试在加载和完成时自动启动 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标签放在视频 URL 之后,但这似乎也不起作用!

我已经看到了这个问题的所有变体并尝试了所有的答案,但它们都不起作用。

有人知道我接下来应该尝试什么吗?

标签: javascriptyoutubeautoplayembedded-video

解决方案


感谢,我的问题解决了!

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


推荐阅读