为什么我的 YouTube link 不能在 Chrome 的 iframe 中自动播放？

Question

我正在尝试在我的网站上嵌入视频，当网站打开时，视频开始自动播放。我正在使用 Google Chrome v76。到目前为止，这是我的代码：

<iframe src="https://www.youtube.com/embed/SjVwyhbUUXE?autoplay=1" width="100%" height="100%" frameborder="0" align="center"></iframe>

帧显示视频，但不是自动播放；用户需要手动点击播放开始播放。

我还应该做什么？

Answer 1

如评论中所述，如今大多数现代浏览器都会阻止自动播放视频，除非它们被静音。只需将您的 iFrame 代码更改为此

<iframe src="https://www.youtube.com/embed/SjVwyhbUUXE?autoplay=1&mute=1" width="100%" height="100%" frameborder="0" align="center"></iframe>

Answer 2

如果您不自动播放，这是解决方法

<iframe src="https://www.youtube.com/embed/SjVwyhbUUXE?autoplay=0&rel=0" width="100%" height="100%" frameborder="0" align="center"></iframe>

Answer 3

YouTube iframe API 会给你你所需要的。下面是一些帮助您入门的示例代码

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

<script>
    // Load the Google SAPI scripting
    var tag = document.createElement('script');
    tag.src = "https://www.youtube.com/iframe_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

    var player;

    function onYouTubeIframeAPIReady() {
        player = new YT.Player('video-player', {
            height: '100%',
            width: '100%',
            videoId: 'SjVwyhbUUXE',
            events: {
                'onReady': onPlayerReady
            }
        });
    }

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

为什么我的 YouTube link 不能在 Chrome 的 iframe 中自动播放？

Why isn't my YouTube link autoplaying within an iframe in Chrome?

html

javascript

youtube

iframe