в конце iframe src, добавьте &enablejsapi=1, чтобы разрешить использование js API для видео
и затем с помощью jquery:
jQuery(document).ready(function( $ ) {
$('.video-selector iframe')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
});
это должно автоматически воспроизвести видео на документе.
обратите внимание, что вы также можете использовать это внутри функции щелчка, чтобы щелкнуть по другому элементу, чтобы запустить видео
Что еще более важно, вы не можете автоматически запускать видео на мобильном устройстве, поэтому пользователям всегда придется нажимать на сам видеоплеер, чтобы запустить видео
Edit:
На самом деле я не уверен на 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
});