我正在我遇到的错误的React应用中实现youtube iframe api
www-widgetapi.js:formatted:884 Uncaught TypeError:
a.u
不是一个函数
在Ya(www-widgetapi.js:formatted:884)
在Object.W(www-widgetapi.js:formatted:778)
at Object.Y [作为播放器](www-widgetapi.js:formatted:973)
在e.value上(Video.js:120)
在window.onYouTubeIframeAPIReady上(Video.js:74)
在www-widgetapi.js:格式:1185
在www-widgetapi.js:formatted:1189
这是功能
loadYoutube(){
id='74YQWthFz8g'
var data = {
height: this.props.height,
width: this.props.width,
playerVars: {
enablejsapi: 1,
autoplay: 1, //
controls: 0, //Turn off video controls
modestbranding: 1, //Turn off Youtube Logo
rel: 0, //Disable related videos at the end
showinfo: 0, //Disable diplay of title
disablekb: 0 //disable the keyboard
},
videoId: id,
events: {
onReady: function() {
console.log('ready');
},
onStateChange: function() {
console.log('statechange');
}
}
};
player = window.YT.Player('ytubeplayer', data);
}
window.onYouTubeIframeAPIReady= (e)=>{this.loadYoutube()}
答案 0 :(得分:1)
我遇到了这个问题。对我来说,可以通过player = new YT.Player('ytubeplayer', data)
来解决。
这是一个构造函数,因此您需要使用new
关键字。
希望这也会为您解决。