javascript - Youtube iframe api a.u() 不是函数

Question

我正在react应用程序中实现youtube iframe api，但遇到了这个错误

www-widgetapi.js:formatted:884 Uncaught TypeError: a.u is not a function
at Ya (www-widgetapi.js:formatted:884)
at Object.W (www-widgetapi.js:formatted:778)
at Object.Y [as Player] (www-widgetapi.js:formatted:973)
at e.value (Video.js:120)
at window.onYouTubeIframeAPIReady (Video.js:74)
at www-widgetapi.js:formatted:1185
at 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()}

Answer 1

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

它是一个构造函数，因此需要使用new关键字。

希望这也能为您解决问题。