如何使用YouTube的新嵌入代码样式自动播放视频？

166

我不知道如何使用YouTube新的嵌入代码样式自动播放视频。我尝试将＆autoplay = 1添加到url，该样式可以使用旧样式，但是没有用。例如，http://www.youtube.com/embed/JW5meKfy3fY是嵌入链接，但http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1无效。谁能告诉我该怎么做？谢谢

video  youtube  youtube-api 
— 本
source
2
这已经过时了。现在需要'mute = 1'。请参阅：回答StackOverflow文章
— Trevor
是的，我需要添加？autoplay = 1＆mute = 1才能在Chrome中自动播放。谢谢
— 约翰·布莱尔
因此，请注意，Chrome仅在视频静音时才允许自动播放？有没有办法强制自动播放声音？
— webrightnow

Answers:

362

只需在视频将自动加载的网址中输入“？autoplay = 1”即可。

因此，您的网址将是： http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1

如果您想禁用自动播放功能，只需1设置0为 ?autoplay=0

— 马修鲍尔
source
7
到目前为止，该功能似乎无效。1周前，它运作良好。
— Peeja 2014年
23
视频ID之后的第一个参数必须以“？”开头 ，之后需要添加“＆”的所有参数。例如，如果您有“？rel = 0＆autoplay = 1”，它将与“？autoplay = 1＆rel = 0”相同，并且它们都可以工作。
— Thanos
8
这个答案在2016年仍然有效。只需添加信息，因为它是在Google上弹出的第一个结果。
— Florian Rachor
2
一些额外的解释，因为这在goog结果中是如此之高。网址中“？”之后的部分 是查询字符串，而您需要的是值为'1'的'autoplay'键。因此，例如，“ ... / embed / JW5meKfy3fY？autoplay = 1？rel = 1”也将是错误的，因为这样您将拥有值为“ 1？rel = 1”的“ autoplay”。查询字符串以“？”开头 并用'＆'符号分隔为键=值对。en.wikipedia.org/wiki/Query_string#Structure
— knickum
3
2017年更新：现在，在iframe中，需要再添加一个conf：根据developers.google.com/web/updates/2017/09/…的 allow =“ autoplay” ... 这样，您的iframe会出现以下情况： <iframe src="http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1" allow="autoplay"></iframe>
— vityapro
31

实际上，您将必须使用“？” 而不是仅对第一个参数使用“＆”。如果使用多个参数，则必须在链中添加“＆”。

例如，如果要添加自动播放和隐藏式字幕，则必须将此部分添加到嵌入式视频URL中：？autoplay = 1＆cc_load_policy = 1。

它看起来像这样：

<iframe width="420" height="315" src="http://www.youtube.com/embed/
oHg5SJYRHA0?autoplay=1&cc_load_policy=1" frameborder="0"
allowfullscreen></iframe>
— 沙茶
source
你是什​​么意思closed captioning？
— WasiF
11

您需要在autoplay = 1旁边添加一个额外的参数

allow =“ autoplay”

进行中：

<iframe src="your-video-url?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1" frameborder="0" allow="autoplay; encrypted-media"></iframe>
— 安德鲁·韦斯特
source
这是2020
— Rahul
6

好的，这是youtube视频新嵌入代码的示例。 

<iframe title="YouTube video player" class="youtube-player" type="text/html" width="560" height="345" src="http://www.youtube.com/embed/8v_4O44sfjM" frameborder="0" allowFullScreen></iframe>

如果要自动播放，请在参数中src="http://www.youtube.com/embed/8v_4O44sfjM"添加?autoplay=1

因此，代码如下所示：

<iframe title="YouTube video player" class="youtube-player" type="text/html" width="560" height="345" src="http://www.youtube.com/embed/8v_4O44sfjM?autoplay=1" frameborder="0" allowFullScreen></iframe>

我在我的博客上尝试了它，它有效！希望这个帮助（：

— 阿梅尔
source
5

我能够自动播放的唯一方法是使用iframe播放器API。

<div id="ytplayer"></div>
<script>
// Load the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// Replace the 'ytplayer' element with an <iframe> and
// YouTube player after the API code downloads.
var player;
function onYouTubePlayerAPIReady() {
    player = new YT.Player('ytplayer', {
        height: '480',
        width: '853',
        videoId: 'JW5meKfy3fY',
        playerVars: {
            'autoplay': 1,
            'showinfo': 0,
            'controls': 0
        }
    });
}
</script>
— 朱尔斯
source
5

在当前的youtube嵌入中，上述方法均不适用于我。试试这个，它实际上对我有用:)

希望能帮助到你！ 

<iframe width="925" height="315" src="https://www.youtube.com/embed/iD5zxjySOzw?rel=0&amp;autoplay=1&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
— 加文学院的凯特
source
4

您为youtube自动播放使用了错误的网址，http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1因此该网址显示的youtube id完整JW5meKfy3fY&autoplay=1，但youtube拒绝播放。我们必须将autoplay变量传递给youtube，因此您必须使用?而不是，&这样您的网址将会是http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1，最终的iframe将会像这样。

<iframe src="http://www.youtube.com/embed/xzvScRnF6MU?autoplay=1" width="960" height="447" frameborder="0" allowfullscreen></iframe>
— 瓦希德·乌尔·雷曼
source
1
您忘记以正确的方式将更&改为?。（在iframe之前）
3

只需在嵌入代码中的url之后添加？autoplay = 1，例如：

<iframe width="420" height="315" src="http://www.youtube.com/embed/
oHg5SJYRHA0" frameborder="0"></iframe>

更改为：

<iframe width="420" height="315" src="http://www.youtube.com/embed/
oHg5SJYRHA0?autoplay=1" frameborder="0"></iframe>
— 阿杰·库尼亚万（Ajie Kurniyawan）
source
2

你们都没有解决我的问题。但是，我找到了一个很好的解决方案，让我现在可以正常工作。在标签之间编写以下代码：

<div style="position: fixed; z-index: -99; width: 100%; height: 100%">
  <iframe frameborder="0" height="100%" width="100%" 
    src="https://youtube.com/embed/**[CHANGE HERE WITH YOUR YOUTUBE VIDEO ID]**?autoplay=1&controls=0&showinfo=0&autohide=1">
  </iframe>
</div>
— 湾
source
0

YouTube自动播放功能仅适用于需要移动设备的台式机，只需在JavaScript中进行更改即可。喜欢

<div id="player"></div>
                    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('player', {
      videoId: 'VideoID',
      playerVars: {   
            'autoplay': 1,   
            'rel': 0,
            'showinfo': 0,
            'modestbranding': 1,
            'playsinline': 1,
            'showinfo': 0,
            'rel': 0,
            'controls': 0,
            'color':'white',
            'loop': 1,
            'mute':1,
            // 'origin': 'https://meeranblog24x7.blogspot.com/'
      },
      events: {
        'onReady': onPlayerReady,
        // 'onStateChange': onPlayerStateChange
      }
    });
  }
  function onPlayerReady(event) {
    player.playVideo();
    player.mute();
  }var done = false;
  function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING && !done) {
      setTimeout(stopVideo, 6000);
      done = true;
    }
  }
  function stopVideo() {
    player.stopVideo();
  }

查看更多信息：-YouTube自动播放5秒钟

— 纳霍尔
source
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.