Я пытаюсь вставить новый элемент iframe версия видео с YouTube и сделать его автоматическое воспроизведение.
Насколько я могу судить, нет никакого способа сделать это путем изменения флагов в URL. Есть ли способ сделать это с помощью JavaScript & API-интерфейс?
Это работает в Chrome, но не в Firefox 3.6 (предупреждение: RickRoll видео):
<iframe width="420" height="345" src=" frameborder="0" allowfullscreen></iframe>
В API яваскрипта при встраивании iframe существует, но по-прежнему проводится в качестве экспериментальной функции.
Обновление: элемент iframe API-интерфейс теперь полностью поддерживается и не создавая ыть.Объекты-проигрыватель - Пример 2. на"]2 показывает, как установить и"автозапуск" в языке JavaScript.
Встроенный код на YouTube автозапуск по умолчанию отключен. Просто добавьте параметр autoplay=1'в конце-то "НИЦ" и атрибут. Например:
<iframe src=" width="960" height="447" frameborder="0" allowfullscreen></iframe>
Начиная с апреля 2018 года, компания Google внесла некоторые изменения в автозапуск политика. Так что вам придется сделать что-то вроде этого:
<iframe src="https://www.youtube.com/embed/VIDEO_ID?autoplay=1" allow='autoplay'></iframe>
Iframe в 2014 добавьте о том, как встроить видео с ютюб с автозапуском и не предложил видео в конце клипа
rel=0&autoplay
Пример Ниже: .
<iframe width="640" height="360" src="// frameborder="0" allowfullscreen></iframe>
Августа 2018 года я ничего'т найти рабочий пример на реализация iframe. Были и другие вопросы, связанные с только, что отдал его немного хром.
Вы'будете иметь, чтобы отключить звук немой=1для того, чтобы автозапуск на Хром. ФФ и IE, кажется, работает просто отлично, используя параметр autoplay=1
в качестве параметра.
<iframe src="//www.youtube.com/embed/{{YOUTUBE-ID}}?autoplay=1&mute=1" name="youtube embed" allow="autoplay; encrypted-media" allowfullscreen></iframe>
в конце элемент 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
});
Несколько запросов подсказка для тех, кто не'т знаю (прошлое меня, и будущее мне)
Если вы'повторно делать один запрос с URL-адрес просто?работает параметр autoplay=1` Как показали mjhm'ы ответ
<iframe src="
Если вы'повторно делать несколько запросов, помните, первая начинается с"? " в то время как остальные начинают с &
Допустим, вы хотите выключить видео, но включить автозапуск...
Это работает
<iframe src="
и это работает
<iframe src="
Но они выиграли't работа..
<iframe src="
<iframe src="
пример сравнения
подробнее
Читать NextLocal's ответ ниже для получения дополнительной информации об использовании нескольких строк запроса
В флаги, или параметры, которые можно использовать с iframe и Object встраивает описаны здесь; подробности о которых параметр работает с тем, что игрок также четко упоминается:
YouTube встроенные плееры и параметров игрока
Вы заметите, что автоигра поддерживается всеми игроками (АС3, АС2 и HTML5).
Уже принято отвечать на mjhm работает на Chrome 66 в мае 2018, я добавил позволяют= "автозапуск" в iframe и
enable_js=1` в строке запроса:
<iframe allow=autoplay width="420px" height="345px" src="
1 - добавить &enablejsapi=1 " на " элемент iframe в src
2 - в jQuery функций:
$('iframe#your_video')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
Работает отлично
<iframe width="560" height="315"
src="
frameborder="0" allowfullscreen></iframe>
Использовать 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("
"ytapiplayer", "425", "356", "8", null, null, params, atts);
</script>
Играть в ютубе с ID:
swfobject.embedSWF
ссылка: https://developers.google.com/youtube/js_api_referenceжурнал
Декабря 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 (
<YouTube
videoId="oHg5SJYRHA0"
opts={opts}
// add autoplay
onReady={this._onReady}
// add loop
onEnd={this._onReady}
/>
)
}
}