Как запустить видео Youtube при открытии popup с ним?

Question

[Erling]

Задача при открытии попапа на jQuery (с кодом плеера ютуба, который хранится в конце страницы) воспроизвести видео. Т.е. чтобы не нажимать в попапе на Play еще раз. Как это реализовать, знающие подскажите пожалуйста?

Answer 1

[Алексей Николаев]

Добавьте параметр autoplay=1 в ссылку к видео. Например:

https://www.youtube.com/embed/{youtubeid}?autoplay=1

Некоторые плагины могут делать это за вас, но тут необходимо смотреть документацию к используемому плагину.

Comments

[Erling]

Если поставить автоплей к коду, то видео загрузится автоматически при загрузке страницы в скрытом попапе.

[Erling]

А нужно загрузить только при открытии попапа.

[Алексей Николаев]

Erling: а зачем его загружать именно так? выкиньте собственно видео из попапа и добавляйте iframe со ссылкой на видео непосредственно перед открытием. Ссылку можно передавать через data-атрибут.

[Erling]

Алексей Николаев: хорошая идея. Как это лучше реализовать? Добавить фрейм по клику на превьюшку? (я новичок)

[Сергей]

Erling: fancyapps.com/fancybox/#examples ищите там "Youtube (iframe)"

Answer 2

[kos88]

В iframe добавляем параметр enablejsapi=1
подключаем скрипт

$('.popupOpen').on('click', function(){		
		jQuery("iframe").each(function() {
			jQuery(this)[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*')
		});		
	});