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

Question

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

Answer 1

我想如果你使用"&"代替"？" 在网址中视频将自动加载.

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

似乎谷歌应该已经提供这个,但我会说使用"？" 比使用"&"更有意义.

Answer 2

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

因此，解决方法是通过添加以下内容来启动视频静音

&mute=1

这在 100% 的情况下都有效。

Answer 3

实际上,你将不得不使用"？" 而不只是"&"代表您的第一个参数.如果您使用多个参数,则必须在链中添加"&".

例如,如果要添加自动播放和隐藏字幕,则必须将此部分添加到嵌入式视频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>

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视频新嵌入代码的示例.

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

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

YouTube 帮助说它&autoplay=1必须在视频 ID 之后- 我认为是紧随其后。

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>