问题描述
我不知道为什么,但 YouTube API 不起作用,我完全按照说明进行了操作。但是播放器 div 是空的。看起来回调函数没有启动。因为 console.log(YT) 未定义
哈巴狗
.main-house__main
.video-block
.video
div( id="player")
.video__preview
img(src="img/images/preview.jpg")
.video__button-wrapper
button(id="video-button").video__button
js
export default () => {
var tag = document.createElement('script');
tag.src = "http://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag,firstScriptTag);
var player;
function onYouTubeIframeAPIReady() {
console.log('api')
player = new YT.Player('player',{
height: '360',width: '640',videoId: 'M7lc1UVf-VE',events: {
'onReady': onPlayerReady,}
});
}
function onPlayerReady(event) {
var playButton = document.getElementById("video-button");
if(!playButton) {
return null
}
playButton.addEventListener("click",function () {
player.playVideo();
});
}
};
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)