Youtube 播放器 API iframe 嵌入 | player.clearVideo() 不工作

Question

我检查了 Youtube API v3 iframe 嵌入 docs 并尝试将 player.clearVideo() 函数应用到我的按钮，如下所示（省略号替换代码）：

...

function onPlayerReady(event) {
 var zapButton = document.getElementById('zapvideo');
  zapButton.addEventListener("click", function() {
  player.clearVideo(); // NOT WORKING
 });
}
...

$(function(){
$('#zapvideo').on('click', function(){ ... });
});

没有任何反应（没有错误）。 player.stopVideo() 和其他控件工作。如何清除 Youtube 播放器中的视频？我正在使用 Youtube 的 HTML5 播放器，但即使 Youtube 为某些视频切换到 Flash 播放器，我仍然无法清除播放器中的视频（最糟糕的是 Youtube 没有恢复到 HTML5 播放器，当随后选择 HTML5 兼容视频并在我的应用程序中播放时，无论我是否选择加入 HTML5 或添加相关的 html5 playerVars，这意味着我无法退出 Flash基于 - 的播放器控件何时成为焦点。"key-bored" 导航就到此为止！）。我正在使用 Firefox 36.0.1 .

在保持播放器可用的同时清除视频的任何合适的解决方法对我来说都很好。

Answer 1

使用以下代码找到解决方法：

...
function onPlayerReady(event) {
...

$('#zapvideo').on('click', function(){
$('#player').hide();
event.target.loadVideoById('',0);
event.target.seekTo(0); // iOS
event.target.stopVideo();
return false;
});

}

#zapvideo 按钮隐藏了 iframe 播放器，因为我们不希望在通过 event.target.loadVideoById() 提交空的或虚拟视频 ID 后在播放器中看到任何错误消息。记得在播放新视频之前向播放器展示。相关代码封装在 onPlayerReady() 函数中，以确保播放器在代码执行之前始终准备就绪。

Youtube 播放器 API iframe 嵌入 | player.clearVideo() 不工作

Youtube Player API iframe Embed | player.clearVideo() not working

javascript

jquery

youtube-api