Question

我不知道为什么这个功能不起作用。

我现在在我的网站上使用一个非常简单的例子，一旦我点击链接就基本上停止了视频。请参阅以下代码：

<div id="player"></div>
<a href="#" id="pause">Pause</a>

这就是我在页面底部使用的脚本：

var tag = document.createElement('script');
tag.src = "http://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player;
function onYouTubePlayerAPIReady() {
    player = new YT.Player('player', {
        height: '315',
        width: '560',
        videoId: 'bpOR_HuHRNs',
    });
    document.getElementById('pause').onclick = function() {
        player.stopVideo();
    };
}

点击“暂停”链接后。我收到错误：

未捕获的TypeError：player.stopVideo不是函数

我试图从google docs实现整个代码： https://developers.google.com/youtube/iframe_api_reference#Getting_Started

同样的问题......这里有什么问题？

Answer 1

在您提供的链接上，tag.src与您的不同。它看起来应该是

tag.src = "https://www.youtube.com/iframe_api";

而你的是

tag.src = "http://www.youtube.com/player_api";

也许这就是问题？

Answer 2

好的，发现问题..如果有人会遇到同样的错误，请检查您是否使用其他脚本，例如在我的情况下，我使用reembed.com网站脚本将YouTube视频作为自定义播放器。这搞砸了整个YouTube的API

Youtube API Uncaught TypeError：player.stopVideo不是函数

2 个答案: