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

我不知道怎么用 Youtube 新的嵌入式代码样式自动播放视频。我试着在 url 中添加 & autoplay = 1，这个方法在旧的风格中是可行的，但是没有用。例如，http://www.youtube.com/embed/JW5meKfy3fY是嵌入式链接，但是 http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1不工作。有人能告诉我怎么做吗？谢谢

860636 次浏览
小开

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

小开
最佳答案

只要把 ?autoplay=1的网址，视频将自动加载。

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

如果你想禁用自动播放，只需将 1改为 0: ?autoplay=0.

如果您将 Youtube 视频嵌入到 iframe 中，则需要将 allow="autoplay"添加到 HTML 中

小开

这是一个用于 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>

我在我的博客上尝试了这个方法，它很有效! 希望这个方法能对你有所帮助(:

小开

事实上，你必须使用“ ?”而不是仅对第一个参数使用“ &”。如果使用多个参数，则必须向链中添加“ &”。

例如，如果你想添加自动播放和隐藏字幕，你必须将这部分添加到你的嵌入式视频 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>
小开

只需在嵌入代码中的 url 后面添加 ? 自动播放 = 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 自动播放 http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1这个网址显示 youtube ID 为整个 JW5meKfy3fY&autoplay=1，youtube 拒绝播放。我们必须传递自动播放变量到 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>
小开

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

以上这些在当前的 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 = “ autoplay”

制作:

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

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

小开

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

因此，一个解决方案是通过添加

&mute=1

这将工作100% 的时间。

小开

自2018年4月以来一直无法正常工作，因为谷歌决定给予用户更大的播放控制权。您只需要将 autoplay = 1 & mute = 1添加到您的 URL 中。自动播放策略变更

<iframe id="existing-iframe-example"width="640" height="360"
src="https://www.youtube.com/embed/-SFcIUEvNOQ autoplay=1&mute=1&enablejsapi=1" frameborder="0"
style="border: solid 4px #37474F"></iframe>

您可以从已经提交的答案中获得更多细节 YouTube 自动播放不起作用


提交答案