YouTube IFrame API错误

YouTube IFrame API错误,iframe,youtube,youtube-iframe-api,Iframe,Youtube,Youtube Iframe Api,加载YouTube IFrame API时遇到问题。 我添加了标签,YouTube加载了它们的脚本,但是当我调用构造函数时,我得到了一个错误 player = YT.Player('vidPlayer', { height: '390', width: '640', videoId: id, playerVars: { 'rel': 0 }, events: { 'onReady': playerReady,

加载YouTube IFrame API时遇到问题。
我添加了标签,YouTube加载了它们的脚本,但是当我调用构造函数时,我得到了一个错误

player = YT.Player('vidPlayer', {
    height: '390',
    width: '640',
    videoId: id,
    playerVars: {
        'rel': 0
    },
    events: {
        'onReady': playerReady,
        'onStateChange': playerStateChange
    }
});
如果我在那里做错了什么,请纠正我。当我调用该构造函数时,它会抛出一个错误。这是控制台所说的:

Uncaught TypeError: a.G is not a function
qb @ www-widgetapi.js:24
P @ www-widgetapi.js:20
X @ www-widgetapi.js:31
onYouTubeIframeAPIReady @ script.js:55
(anonymous function) @ www-widgetapi.js:39
(anonymous function) @ www-widgetapi.js:39

有人知道解决这个问题的方法吗?

我也有同样的问题。这对我很有效。我正在使用YouTube iFrame API,然后创建对象。它对我很有效。 将脚本添加到要创建对象的文件中

<script src="https://www.youtube.com/iframe_api"></script>
)})


OnyOutubeiFrameApiredy()函数在加载时会被YouTube iframe API自动调用。

我也有同样的问题。这对我来说很有效。我正在使用YouTube iframe API,然后创建对象。它对我来说很好。 将脚本添加到要创建对象的文件中

<script src="https://www.youtube.com/iframe_api"></script>
)})


onyoutubeiframeapiredy()函数在加载时会被YouTube iframe API自动调用。

我遇到了类似的问题。我注意到你和我一样,在
YT.Player
前面看了一下
new
关键字


YT.Player
是一个构造函数,因此如果没有
new
关键字,它将无法工作。

我遇到了类似的问题。我注意到你和我一样,在
YT.Player
前面看了一下
new
关键字


YT.Player
是一个构造函数,因此如果没有
new
关键字,它将无法工作。

由于您尚未发布全部代码,请查看我的小项目:。也许它可以帮助您找出问题所在。@AliBZ onYouTubeIframeAPIReady函数和用于添加player_api的脚本是代码中唯一的内容,因此您在这里看到的几乎是除标记脚本之外的所有内容。由于您尚未发布全部代码,请查看我的小项目:。也许这有助于您找出问题所在。@AliBZ onyoutubeiframeapiredy函数和添加player_api的脚本是代码中唯一的内容,因此您在这里看到的几乎是除标记脚本之外的所有内容。是的,当时我对JavaScript中的对象概念并不熟悉。即使是现在,直到你指出这一点之前,我都不知道这是个问题。是的,当时我对JavaScript中对象的概念并不熟悉。即使是现在,直到你指出,我都不知道这是个问题。
$(document).ready(function () {
var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('iframe', {
      height: '390',
      width: '640',
      videoId: 'M7lc1UVf-VE',
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      }
    });
  }

function onPlayerReady() {
    console.log('onPlayerReady');
    player.playVideo();
}

function onPlayerStateChange() {
    //your code after change the state
}