Как встроить autoplaying видео на YouTube в iframe?

Я пытаюсь вставить новый элемент iframe версия видео с YouTube и сделать его автоматическое воспроизведение.

Насколько я могу судить, нет никакого способа сделать это путем изменения флагов в URL. Есть ли способ сделать это с помощью JavaScript & API-интерфейс?

Комментарии к вопросу (1)
Решение

Это работает в Chrome, но не в Firefox 3.6 (предупреждение: RickRoll видео):

В API яваскрипта при встраивании iframe существует, но по-прежнему проводится в качестве экспериментальной функции.

Обновление: элемент iframe API-интерфейс теперь полностью поддерживается и не создавая ыть.Объекты-проигрыватель - Пример 2. на"]2 показывает, как установить и"автозапуск" в языке JavaScript.

Комментарии (5)

Встроенный код на YouTube автозапуск по умолчанию отключен. Просто добавьте параметр autoplay=1'в конце-то "НИЦ" и атрибут. Например:

Комментарии (2)

Начиная с апреля 2018 года, компания Google внесла некоторые изменения в автозапуск политика. Так что вам придется сделать что-то вроде этого:

Комментарии (0)

Iframe в 2014 добавьте о том, как встроить видео с ютюб с автозапуском и не предложил видео в конце клипа

rel=0&autoplay 

Пример Ниже: .

Комментарии (0)

Августа 2018 года я ничего'т найти рабочий пример на реализация iframe. Были и другие вопросы, связанные с только, что отдал его немного хром.

Вы'будете иметь, чтобы отключить звук немой=1для того, чтобы автозапуск на Хром. ФФ и IE, кажется, работает просто отлично, используя параметр autoplay=1 в качестве параметра.

Комментарии (0)

в конце элемент iframe в src, добавьте &enablejsapi=1 разрешить с JS API, чтобы быть использованы на видео

а затем с помощью jQuery:

jQuery(document).ready(function( $ ) {
  $('.video-selector iframe')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
});

это должно играть видео автоматически по документу.готов

обратите внимание, что вы могли бы также использовать это в нажмите функции, чтобы нажать на другой элемент, чтобы запустить видео

Что еще более важно, вы не можете автоматический запуск видео на мобильном устройстве, так что пользователи всегда будут иметь, чтобы нажать на видео-проигрыватель для запуска видео

Редактировать: Я'м на самом деле не уверен на 100% на документ.готовый элемент iframe будет готов, потому что YouTube по-прежнему можно загружать видео. Я'м на самом деле с помощью этой функции внутри щелчка:

$('.video-container').on('click', function(){
  $('video-selector iframe')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
  // add other code here to swap a custom image, etc
});
Комментарии (2)

Несколько запросов подсказка для тех, кто не'т знаю (прошлое меня, и будущее мне)

Если вы'повторно делать один запрос с URL-адрес просто?работает параметр autoplay=1` Как показали mjhm'ы ответ

Если вы'повторно делать несколько запросов, помните, первая начинается с"? " в то время как остальные начинают с &

Допустим, вы хотите выключить видео, но включить автозапуск...

Это работает

и это работает

Но они выиграли't работа..



пример сравнения

https://jsfiddle.net/Hastig/p4dpo5y4/

подробнее

Читать NextLocal's ответ ниже для получения дополнительной информации об использовании нескольких строк запроса

Комментарии (6)

В флаги, или параметры, которые можно использовать с iframe и Object встраивает описаны здесь; подробности о которых параметр работает с тем, что игрок также четко упоминается:

YouTube встроенные плееры и параметров игрока

Вы заметите, что автоигра поддерживается всеми игроками (АС3, АС2 и HTML5).

Комментарии (0)

Уже принято отвечать на mjhm работает на Chrome 66 в мае 2018, я добавил позволяют= "автозапуск" в iframe иenable_js=1` в строке запроса:

Комментарии (0)

1 - добавить &enablejsapi=1 " на " элемент iframe в src

2 - в jQuery функций:

  $('iframe#your_video')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');

Работает отлично

Комментарии (1)

Использовать JavaScript API,который

<script type="text/javascript" src="swfobject.js"></script>
  <div id="ytapiplayer">
    You need Flash player 8+ and JavaScript enabled to view this video.
  </div>

  <script type="text/javascript">

    var params = { allowScriptAccess: "always" };
    var atts = { id: "myytplayer" };
    swfobject.embedSWF("http://www.youtube.com/v/OyHoZhLdgYw?enablejsapi=1&playerapiid=ytplayer&version=3",
                       "ytapiplayer", "425", "356", "8", null, null, params, atts);

  </script>

Играть в ютубе с ID:

swfobject.embedSWF

ссылка: https://developers.google.com/youtube/js_api_referenceжурнал

Комментарии (0)

Декабря 2018 года

Ищу автозапуска, петли, отключения видео с YouTube на это реагировать.

Другие ответы Я'т работал.

Я нашел решение с библиотекой: реагирую-ютуб

class Video extends Component {

    _onReady(event) {
        // add mute
        event.target.mute();
        // add autoplay
        event.target.playVideo();
    }

    render() {
        const opts = {
            width: '100%',
            height: '700px',
            playerVars: {
                // remove video controls 
                controls: 0,
                // remove related video
                rel: 0
            }
        };

        return (

        )
    }

}
Комментарии (0)