Question

我无法弄清楚如何使用new embed code style for Youtube自动播放视频。我尝试将＆amp; autoplay = 1添加到url，它使用旧样式，但它不起作用。例如，http://www.youtube.com/embed/JW5meKfy3fY是嵌入链接，但http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1不起作用。谁能告诉我怎么做？感谢

Answer 1

只需在网址中输入“？autoplay = 1”，视频就会自动加载。

所以你的网址是： http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1

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

Answer 2

实际上，你必须使用“？”而不是“＆amp;”仅适用于您的第一个参数。如果您使用多个参数，则必须添加“＆amp;”到链条。

例如，如果您要添加自动播放和隐藏字幕，则必须将此部分添加到嵌入式视频网址：？autoplay = 1＆amp; 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>

Answer 3

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

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

Answer 4

您需要在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>

Answer 5

YouTube Help说&autoplay=1必须在视频ID 之后 - 我假设，紧接着。

Answer 6

您使用错误的网址进行自动播放http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1此网址会显示youtube id为youtube拒绝播放的整个JW5meKfy3fY&autoplay=1。我们必须将自动播放变量传递给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>

Answer 7

我能够让自动播放工作的唯一方法是使用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>

Answer 8

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

Answer 9

只需在嵌入代码的网址后添加？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>

Answer 10

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

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

Answer 11

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

因此，解决方法是通过添加将视频静音

&mute=1

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

Answer 12

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 auto play for 5 seconds

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

12 个答案: