Почему не работает youtube player?

Question

[DeeUs]

Здравствуйте!
На листинге, у каждой карточки товара есть кнопка запуска видео, при нажатии открывается попап бутстраповский(modal) в котором сразу запускается видео.
Странность заключается в том, что на некоторых элементах видео запускается а на некоторых нет.
в консоль браузера выводится ошибка:

Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin ('http://site.ru').

код youtube плеера

var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
function stopVideo(id_iframe) {
	document.getElementById('vid_'+id_iframe).contentWindow.postMessage('{"event":"command","func":"stopVideo","args":""}', '*')
}
function init_video(video_id){
	if (player) {
		player.destroy();
	}
	console.log('init start!');
	if(document.getElementById('vid_'+video_id).contentWindow){
		document.getElementById('vid_'+video_id).contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
		console.log('postMessage!');
	}
	var player;
	player = new YT.Player('vid_'+video_id, {
		height: '700',
		videoId: video_id,
		playerVars: {
			rel: 0,
			showinfo: 0
		},
		events: {
			'onReady': onPlayerReady,
		}
	});
	if(player){
		console.log(player);
	}
	function onPlayerReady(event) {
		console.log('onPlayerReady');
		event.target.playVideo();
	}
}

Сайт работает на wordpress

Comments

[Victor Golovko]

Вы для начала расскажите как вы встраивали плеер

[DeeUs]

Victor Golovko, с помощью js и api ютуба, код под спойлером
при клике по кнопке открытия модального окна выполняется функция init_video()

если не изменяет память, делал по этой статье: https://developers.google.com/youtube/iframe_api_r...