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

我不知道如何使用自动播放视频。我尝试将&autoplay=1添加到url中，这与旧样式相同，但没有成功。例如，是嵌入链接，但不起作用。有人能告诉我怎么做吗？谢谢

说

&autoplay=1

必须在视频ID之后-我想，就在视频ID之后。

只要在url中添加“？autoplay=1”，视频就会自动加载

因此，您的url应该是：

http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1

如果要禁用自动播放，只需将

1

设置为

0

---

？autoplay=0

好的，这是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>

---

我在我的博客上试过了，效果不错！希望获得此帮助（：

实际上，您将不得不使用“？”而不是“&”作为第一个参数。如果您使用多个参数，则必须将“&”添加到链中

例如，如果要添加自动播放和闭路字幕，则必须将此部分添加到嵌入式视频URL:？自动播放=1&cc\u加载\u策略=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>

<iframe width="420" height="315" src="http://www.youtube.com/embed/
oHg5SJYRHA0?autoplay=1&cc_load_policy=1" frameborder="0"
allowfullscreen></iframe>

---

只需在嵌入代码中的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>

---

您在youtube自动播放中使用了错误的url

http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1

此url显示整个youtube id

JW5meKfy3fY&autoplay=1

，youtube拒绝播放该id。我们必须将autoplay变量传递给youtube，因此您必须使用

？

而不是

&

，以便l将是

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>

---

我能够让autoplay工作的唯一方法是使用iframe player 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>

//异步加载IFrame播放器API代码。
var tag=document.createElement（'script'）；
tag.src=”https://www.youtube.com/player_api";
var firstScriptTag=document.getElementsByTagName（'script'）[0]；
firstScriptTag.parentNode.insertBefore（标记，firstScriptTag）；
//用and替换“ytplayer”元素
//YouTube播放器的API代码下载后。
var播放器；
函数onYouTubePlayerAPIReady（）{
player=新的YT.player（'ytplayer'{
高度：'480'，
宽度：“853”，
videoId:'JW5meKfy3fY'，
playerVars：{
“自动播放”：1，
“showinfo”：0，
“控件”：0
}
});
}

在当前的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>

---

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

<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>

---

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

allow=“自动播放”

使之成为：

<iframe src="your-video-url?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1" frameborder="0" allow="autoplay; encrypted-media"></iframe>

---

YouTube auto play仅适用于需要使用移动设备的桌面，只需在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();
  }

 

var tag=document.createElement（'script'）；
tag.src=”https://www.youtube.com/iframe_api";
var firstScriptTag=document.getElementsByTagName（'script'）[0]；
firstScriptTag.parentNode.insertBefore（标记，firstScriptTag）；
var播放器；
函数onyoutubeiframeapiredy（）{
player=新的YT.player（'player'{
videoId:“videoId”，
playerVars:{
“自动播放”：1，
“rel”：0，
“showinfo”：0，
"品牌":1,，
“playsinline”：1，
“showinfo”：0，
“rel”：0，
“控件”：0，
“颜色”：“白色”，
“循环”：1，
“哑巴”：1，
//“来源”：https://meeranblog24x7.blogspot.com/'
},
活动：{
“onReady”：onPlayerReady，
//“onStateChange”：onPlayerStateChange
}
});
}
函数onPlayerReady（事件）{
player.playVideo（）；
player.mute（）；
}var done=false；
函数onPlayerStateChange（事件）{
如果（event.data==YT.PlayerState.PLAYING&&！done）{
设置超时（停止视频，6000）；
完成=正确；
}
}
函数stopVideo（）{
player.stopVideo（）；
}

---

请参阅更多：-

Chrome会阻止在没有任何用户交互的情况下播放音频内容

因此，一个解决办法是通过添加

&mute=1

---

这将在100%的时间内有效。

@Aton:谢谢你的回答。但还是不行。我已经用链接更新了问题。到目前为止，这似乎不起作用。它在一周前工作正常。视频ID后的第一个参数需要以“？”开头，之后的所有参数都需要添加“&”。例如，如果您有“？rel=0&autoplay=1”，那么它将与“？autoplay=1&rel=0”相同，并且它们都可以工作。这个答案仍然有效。只是添加信息，因为这是谷歌上弹出的第一个结果。一些额外的解释，因为这在谷歌的结果中是如此之高。“？”后面的URL部分是查询字符串，您需要的是值为“1”的“自动播放”键。因此，例如，“…/embed/JW5meKfy3fY？autoplay=1？rel=1”也将是错误的，因为这样您将有值为“1？rel=1”的“autoplay”。查询字符串以“？”开头，并用“&”符号分隔为键=值对。2017年更新：现在在iframe中，需要根据添加一个conf:allow=“autoplay”，这样您的iframe就会出现如下错误：

您忘记了以正确的方式将

&

更改为

？

。（在iframe之前）这已经过时了。”现在需要静音=1'。请参阅：是的，我需要添加？autoplay=1和mute=1，以便autoplay在chrome中工作。谢谢，我只是想澄清一下，chrome只允许在视频为m的情况下自动播放