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

问题描述 投票:156回答:10

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

video youtube youtube-api
10个回答
344
投票

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

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

如果你想禁用自动播放,只需将1作为0加入?autoplay=0


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>

29
投票

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

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

7
投票

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

允许=“自动播放”

进行中:

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

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>

我在我的博客上试过这个并且它有效!希望这个帮助(:


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>

4
投票

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


4
投票

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

4
投票

您正在使用错误的网址为youtube自动播放http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1此网址显示youtube id为wholeJW5meKfy3fY&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>

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>
© www.soinside.com 2019 - 2024. All rights reserved.