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

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


person ben    schedule 04.08.2010    source источник
comment
Это устарело. 'mute = 1' теперь требуется. См. Статья об ответах на StackOverflow   -  person Trevor    schedule 11.10.2018
comment
Да, мне нужно было добавить? Autoplay = 1 & mute = 1, чтобы автозапуск работал в Chrome. Спасибо   -  person john blair    schedule 23.09.2019
comment
Чтобы было ясно, Chrome разрешит автовоспроизведение только в том случае, если видео отключено? Нет возможности принудительно включить автовоспроизведение со звуком?   -  person webrightnow    schedule 24.10.2019


Ответы (12)


Просто введите «? Autoplay = 1» в URL-адрес, по которому видео будет загружаться автоматически.

Таким образом, ваш URL-адрес будет: http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1

Если вы хотите отключить автовоспроизведение, просто измените 1 на 0 как ?autoplay=0

person matthewbauer    schedule 08.08.2010
comment
На данный момент это не работает. Он работал отлично 1 неделю назад. - person Peeja; 18.02.2014
comment
Хм, похоже, это может быть расширение моего Chrome, которое обновилось на прошлой неделе. Игнорируйте этот комментарий. :) - person Peeja; 18.02.2014
comment
Первый параметр после идентификатора видео должен начинаться с? , все параметры ПОСЛЕ, которые необходимо добавить с помощью &. Если бы у вас был, например,? Rel = 0 & autoplay = 1, он был бы таким же, как? Autoplay = 1 & rel = 0, и оба они работали бы. - person Thanos; 21.02.2014
comment
Этот ответ все еще работает в 2016 году. Просто добавляю информацию, так как это первый результат, который появляется в Google. - person Florian Rachor; 28.01.2016
comment
Некоторое дополнительное объяснение, так как это так высоко в результатах goog. Часть URL, следующая за символом "?" - это строка запроса, и вам нужен ключ «autoplay» со значением «1». Так, например, '... / embed / JW5meKfy3fY? Autoplay = 1? Rel = 1' также будет неправильным, потому что тогда у вас будет 'autoplay' со значением '1? Rel = 1'. Строка запроса начинается с символа "?" и разделяется на пары ключ = значение символом «&». en.wikipedia.org/wiki/Query_string#Structure - person knickum; 31.01.2017
comment
Обновление за 2017 год: теперь в iframe нужно добавить еще одно конфигурирование: allow = autoplay согласно developers.google.com/web/updates/2017/09/, поэтому ваш iframe будет выглядеть примерно так: <iframe src="http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1" allow="autoplay"></iframe> - person vityapro; 26.08.2019
comment
это обычный ответ, как я нашел на форуме разработчиков YouTube. но мы должны включить cc_load_policy - person MUHAMMAD MUBUSHER ASLAM; 08.01.2020

На самом деле вам придется использовать "?" вместо "&" только для вашего первого параметра. Если вы используете более одного параметра, вам нужно будет добавить в цепочку «&».

Например, если вы хотите добавить автовоспроизведение и скрытые субтитры, вам нужно будет добавить эту часть к 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>
person Sacha    schedule 23.09.2011
comment
что вы имеете в виду под closed captioning? - person WasiF; 08.04.2019

Вам нужно добавить дополнительный параметр вместе с 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>
person Andrew West    schedule 05.11.2018
comment
Это рекомендуемое решение на 2020 год. - person Rahul; 01.06.2020

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

<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>
person Jules    schedule 04.04.2015

Хорошо, это пример нового кода для встраивания видео на 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>

Я попробовал это в своем блоге, и он работает! Надеюсь на эту помощь (:

person Amel    schedule 25.01.2011

Ничего из вышеперечисленного у меня не сработало в текущей версии 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>
person Kate at Gavin Academy    schedule 11.06.2015

Справка YouTube говорит, что &autoplay=1 должен быть после идентификатора видео - я полагаю, сразу после.

person Anton Gogolev    schedule 04.08.2010
comment
@Aton: Спасибо за ответ. Однако все еще не работает. Обновил вопрос ссылками. - person ben; 04.08.2010

Вы используете неправильный 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>
person Waheed ur Rehman    schedule 23.01.2013
comment
Вы забыли правильно изменить & на ?. (перед iframe) - person ; 22.12.2015

Просто добавьте ? 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>
person Ajie Kurniyawan    schedule 09.09.2012

Ни одна из ваших не решила мою проблему. Но я нашел хорошее решение для правильной работы прямо сейчас. Между тегами напишите этот код:

<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>
person Bay    schedule 18.10.2015

Автовоспроизведение 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 auto играть 5 секунд

person Nahoor    schedule 26.06.2020
comment
Это решение, которое лучше всего сработало для меня. Я бы сделал еще один шаг и добавил обертку div <div class="video-container"><div id="player"></div></div> и добавил бы отзывчивый CSS, чтобы сделать iframe отзывчивым: .video-container {overflow: hidden;position: relative;width:100%;} .video-container::after {padding-top: 56.25%;display: block;content: '';} .video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} - person nathanielperales; 05.03.2021

Chrome блокирует воспроизведение аудиоконтента без какого-либо взаимодействия с пользователем.

Таким образом, можно обойтись без звука, добавив

&mute=1

Это будет работать в 100% случаев.

person FacePalm    schedule 16.05.2021
comment
это помогло мне, спасибо - person Alex Alexeev; 14.06.2021