为啥我的 YouTube 链接没有在 Chrome 的 iframe 中自动播放？ [复制]

Posted 2023-02-24

【中文标题】为啥我的 YouTube 链接没有在 Chrome 的 iframe 中自动播放？ [复制]

【英文标题】：Why isn't my YouTube link autoplaying within an iframe in Chrome? [duplicate]为什么我的 YouTube 链接没有在 Chrome 的 iframe 中自动播放？ [复制]

【发布时间】：2019-12-19 06:15:58

【问题描述】：

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

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

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

我还应该做什么？

【问题讨论】：

您是否使用默认阻止自动播放内容的浏览器？这些天有几个主要的这样做。

除了 TylerH 所说的之外，大多数现代浏览器都会阻止自动播放视频——但我记得如果音频静音是允许的。

@TylerH 我正在测试最新版本的 Chrome

【参考方案1】：

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

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

【参考方案2】：

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>

【讨论】：

@MikePoole 它应该从包含名为“YouTube iframe API”的 API 和一堆代码与仅尝试在 html iframe 中使用 URL 相当明显正如 OP 的尝试所示......

【参考方案3】：

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

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

【讨论】：

我怀疑这会对 OP 有所帮助。你有autoplay = 0，所以你的回答对他来说是一个倒退。

好的，我看到了我的解决方案是不自动播放的问题