Як я можу відтворити відео, використовуючи новий стиль вбудовування коду для Youtube?


166

Я не можу розробити спосіб автоматичного відтворення відео, використовуючи новий стиль вбудовування коду для Youtube . Я спробував додати & autoplay = 1 до URL-адреси, який працював за старим стилем, але це не вийшло. Наприклад, http://www.youtube.com/embed/JW5meKfy3fY - це вбудоване посилання, але http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1 не працює. Хтось може сказати мені, як це зробити? Дякую


2
Це застаріло. 'mute = 1' зараз потрібно. Дивіться: Відповідь на статтю «Переповнення»
Тревор

Так, мені потрібно було додати? Autoplay = 1 & mute = 1, щоб автовідтворення працювало в хромі. Дякую
Джон Блер

Отже, щоб зрозуміти, хром дозволить автовідтворювати лише тоді, коли відео відключено? Немає способу змусити автовідтворювати звук?
webrightnow

Відповіді:


362

Просто поставте "? Autoplay = 1" у URL-адресу, яке відео автоматично завантажується.

Отже, ваш URL-адрес буде: http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1

Якщо ви хочете відключити автовідтворення, просто зробіть 1це 0як ?autoplay=0


7
Схоже, зараз це не працює. Це прекрасно спрацювало 1 тиждень тому.
Peeja

23
Перший параметр після ідентифікатора відео повинен починатися з "?" , всі параметри ПІСЛЯ, які потрібно додати "&". Якби у вас був, наприклад, "? Rel = 0 & autoplay = 1", це було б те саме, що "? Autoplay = 1 & rel = 0", і вони б працювали.
Танос

8
Ця відповідь все ще працює 2016. Просто додаючи інформацію, оскільки це перший результат, який з’являється в Google.
Флоріан Рачор

2
Деякі додаткові пояснення, оскільки це так високо в результатах goog. Частина URL-адреси після "?" - це рядок запитів, і вам потрібна клавіша "автовідтворення" зі значенням "1". Так, наприклад, "... / embed / JW5meKfy3fY? Autoplay = 1? Rel = 1" також було б помилкою, оскільки тоді ви мали б "автовідтворення" зі значенням "1? Rel = 1". Рядок запитів починається з "?" і розділяється на ключові = значення пар символом '&'. en.wikipedia.org/wiki/Query_string#Structure
knickum

3
Оновлення на 2017 рік: тепер у iframe потрібно додати ще одну конф: дозволити = "автовідтворення" відповідно до developers.google.com/web/updates/2017/09/…, щоб ваш iframe виглядав як: <iframe src="http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1" allow="autoplay"></iframe>
vityapro

31

Насправді вам доведеться використовувати "?" замість "&" лише для першого параметра. Якщо ви використовуєте більше одного параметра, вам доведеться додати "&" до ланцюжка.

Наприклад, якщо ви хочете додати автоматичне відтворення та підписи , вам доведеться додати цю частину до вбудованої 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>

що ти маєш на увазі під собою closed captioning?
WasiF

11

Потрібно додати додатковий параметр, поряд із автоматичним відтворенням = 1

enable = "автоматична гра"

виготовлення:

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

Це рекомендоване рішення до 2020 року
Рахул

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

Єдиний спосіб, коли мені вдалося змусити працювати автовідтворення, - це використовувати програвач iframe player 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>

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 говорить, що це &autoplay=1має бути після ідентифікатора відео - я припускаю, одразу після.


@Aton: Дякую за вашу відповідь. Все ще не працює. Я оновив питання за посиланнями.
бен

4

Ви використовуєте неправильну URL-адресу для автоматичного відтворення http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1youtube, цей ідентифікатор youtube відображає URL-адресу як ціле, JW5meKfy3fY&autoplay=1яке youtube відхиляє відтворення. ми мусимо передати змінну автовідтворення у ютуб, тому вам доведеться використовувати ?замість того, &щоб ваш URL був, http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1і ваш остаточний кадр буде таким.

<iframe src="http://www.youtube.com/embed/xzvScRnF6MU?autoplay=1" width="960" height="447" frameborder="0" allowfullscreen></iframe>

1
Ви забули змінити на, &щоб ?правильно це зробити. (перед iframe)

3

Просто додайте ? Autoplay = 1 після URL у вбудовуваний код, наприклад:

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

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>

0

Автоматичне відтворення YouTube працює лише на робочому столі та потребує роботи в мобільному телефоні. Подібно до

<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 секунд

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.