Я получаю эту ошибку, когда использую API YouTube для вставки видео в Chrome:
"origin youtube api Не удалось выполнить 'postMessage' в 'DOMWindow': указан целевой источник ('https://www.youtube.com') не соответствует источнику окна получателя (' XXXXXXX ').) *
Работает нормально, но я получаю эту ошибку.
Если я делаю простое встраивание iframe на YouTube, я обычно решаю эту проблему, добавляя параметр источника в URL. Тем не менее, я не могу сделать это с помощью API. Я добавил источник в playerVars, но он не устраняет ошибку.
<script async src="https://youtube.com/iframe_api"></script>
<script>
function onYouTubeIframeAPIReady() {
var player1;
player1 = new YT.Player('YouTubePlayer', {
videoId: 'XXXXXXXXXXXX',
width: 1920,
height: 1080,
playerVars: {
autoplay: 1,
start: 40,
end:640,
controls: 0,
showinfo: 0,
enablejsapi: 1,
origin: 'https://XXXXXXXXX.com',
modestbranding: 1,
loop: 1,
fs: 0,
cc_load_policy: 0,
iv_load_policy: 3,
autohide: 0
},
events: {
onReady: function(e) {
e.target.mute();
player1.addEventListener('onStateChange', function(e) {
var id = 'XXXXXXXXX';
if(e.data === YT.PlayerState.ENDED){
player1.loadVideoById({'videoId': id,
'startSeconds': 40,
'endSeconds': 640,
'suggestedQuality': 'large'});
};
});
}
}
});
Где мне добавить источник? Или есть другой способ решения этой проблемы? Спасибо!