首页 文章

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

提问于
浏览 次
152

我无法弄清楚如何使用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 回答

  • 5

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

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

    似乎谷歌应该已经提供这个，但我会说使用“？”比使用“＆”更有意义 .

    回复于
  • 3

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

    例如，如果要添加自动播放和隐藏字幕，则必须将此部分添加到嵌入式视频网址： ?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>
    回复于
  • 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>

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

    回复于
  • 4

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

    回复于
  • 1

    在目前的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>
    回复于
  • 1

    你正在使用一个错误的网址为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>
    回复于
  • 4

    只需在嵌入代码中的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>
    回复于
  • 329

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

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

    <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>
    回复于
  • 28

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

相关问题