YouTube iframe api a.u()不是函数

时间:2018-06-21 11:46:14

标签: javascript youtube youtube-iframe-api

我正在我遇到的错误的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()}

1 个答案:

答案 0 :(得分:1)

我遇到了这个问题。对我来说,可以通过player = new YT.Player('ytubeplayer', data)来解决。

这是一个构造函数,因此您需要使用new关键字。

希望这也会为您解决。