Такие дела.
HTML:
<div id="ytapiplayer">
You need Flash player 8+ and JavaScript enabled to view this video.
</div>
JS:
const params = { allowScriptAccess: "always" };
const atts = { id: "myytplayer" };
swfobject.embedSWF("http://www.youtube.com/v/MQ3k6BFX2uw?enablejsapi=1&playerapiid=ytplayer&version=3",
"ytapiplayer", "100%", "100%", "8", null, null, params, atts);
const onYouTubePlayerReady = playerId => {
const ytplayer = document.getElementById("myytplayer");
if (ytplayer) {
console.log('before'); // выводится
ytplayer.playVideo();
console.log('after'); // не выводится
}
};
И вот, превью видео показывается. Кликай и смотри.
Но API не работает.
При вызове playVideo() нет никаких ошибок, скрипт просто не выполняется дальше.
Читал, что надо на сервер выкладывать, иначе может не работать - выкладывал, Там все тоже самое.
Что же делать? В чем заминка?
PS: и как убрать морду трубы? у меня свой интерфейс стоит для видеоплеера