Как я могу автоматически воспроизвести видео, используя новый стиль встраивания кода для Youtube?


166

Я не могу понять, как автоматически воспроизводить видео, используя новый стиль встраивания кода для Youtube . Я попытался добавить & autoplay = 1 к URL-адресу, который работал со старым стилем, но это не сработало. Например, http://www.youtube.com/embed/JW5meKfy3fY является ссылкой для встраивания, но http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1 не работает. Может кто-нибудь сказать мне, как это сделать? Спасибо


2
Это устарело. 'mute = 1' требуется сейчас. См .: Ответ на статью StackOverflow
Тревор

Да, мне нужно было добавить? Autoplay = 1 & mute = 1, чтобы autoplay работал в chrome. Спасибо
Джон Блэр

Так что для ясности, chrome разрешит автозапуск только если звук видео отключен? Нет способа принудительно включить автоигру при включенном звуке?
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, следующая за '?' это строка запроса, и вам нужен ключ «autoplay» со значением «1». Так, например, '... / embed / JW5meKfy3fY? Autoplay = 1? Rel = 1' также будет неправильным, потому что тогда у вас будет «autoplay» со значением «1? Rel = 1». Строка запроса начинается с '?' и разделяется на пары ключ = значение символом «&». en.wikipedia.org/wiki/Query_string#Structure
knickum

3
Обновление на 2017 год: теперь в iframe нужно добавить еще один conf: allow = "autoplay" согласно 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

Вам нужно добавить дополнительный параметр, наряду с 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>

Это рекомендуемое решение для 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

Единственный способ заставить работать автоигру - использовать API-интерфейс iframe.

<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должно быть после идентификатора видео - я полагаю, сразу после.


@ Атон: Спасибо за ваш ответ. Все еще не работает, хотя Я обновил вопрос со ссылками.
Бен

4

Вы используете неверный URL для автоматического воспроизведения YouTube, http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1этот URL отображает идентификатор YouTube в целом, JW5meKfy3fY&autoplay=1который YouTube отказывается воспроизводить. мы должны передать переменную autoplay на youtube, поэтому вы должны использовать ?вместо &так, чтобы ваш URL был таким, 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>

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 работает только на настольном компьютере, для работы на мобильном устройстве необходимо внести изменения в 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 секунд

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.