YouTube播放器API iframe嵌入| player.clearVideo()无法正常工作

愚昧

我检查了Youtube API v3 iframe嵌入文档,并尝试将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播放器,我仍然无法清除播放器中的视频(最糟糕的是,当兼容HTML5的视频时,YouTube不会恢复为HTML5播放器随后选择并在我的应用中播放,无论我是否选择加入HTML5或添加了相关的html5 playerVar,这都意味着当焦点对准时,我无法跳出基于Flash的播放器控件。 !)。我正在使用Firefox 36.0.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播放器,因为通过提交空的或虚拟的视频ID后,我们不想在播放器中看到任何错误消息event.target.loadVideoById()请记住在播放新视频之前先向播放器展示。相关代码封装在onPlayerReady()函数中,以确保播放器在代码执行之前始终准备就绪。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

移动嵌入式Youtube Iframe无法播放

来自分类Dev

Iframe中的YouTube嵌入播放器无法在iOS6中使用

来自分类Dev

在iframe中加载Youtube Player API

来自分类Dev

YouTube在Android 4.3上嵌入的播放器

来自分类Dev

在嵌入的YouTube iframe的播放中触发事件

来自分类Dev

您如何使嵌入式Youtube播放器静音?

来自分类Dev

为什么我的嵌入式YouTube播放器无法自动播放?

来自分类Dev

如何为YouTube Player API iframe嵌入嵌入高质量缩略图?

来自分类Dev

将视频播放器html5 iframe嵌入到YouTube之类的Facebook共享中

来自分类Dev

如何使用YouTube js API在同一个嵌入式播放器中播放多个视频?

来自分类Dev

使用对象/嵌入/ iframe渲染PDF无法正常工作

来自分类Dev

YouTube iFrame Player API无法在DOMWindow上执行postMessage

来自分类Dev

使用Youtube Android Player API的浮动视频播放器

来自分类Dev

YouTube播放器停止工作

来自分类Dev

显示进度。使用iframe youtube播放器api播放视频

来自分类Dev

将YouTube播放器嵌入播放列表视图

来自分类Dev

Iframe中的YouTube嵌入播放器无法在iOS6中使用

来自分类Dev

在iframe中加载Youtube Player API

来自分类Dev

当使用Session变量控制我的嵌入式YouTube播放器时,我收到错误消息:Uncaught TypeError:无法调用null的方法'postMessage'?

来自分类Dev

YouTube在Android 4.3上嵌入的播放器

来自分类Dev

YouTube iframe api(现有的iframe);无法使iframe-api正常工作

来自分类Dev

YouTube api嵌入式播放器的某些选项不受尊重

来自分类Dev

为什么我的嵌入式YouTube播放器无法自动播放?

来自分类Dev

Shockwave播放器无法正常工作?

来自分类Dev

使用Youtube Player IFrame API将视频添加到播放列表

来自分类Dev

音频播放器无法正常工作

来自分类Dev

YouTube iFrame Player API无法在DOMWindow上执行postMessage

来自分类Dev

YouTube Player API在iframe中隐藏播放按钮,图标和视频标题

来自分类Dev

Youtube iframe 播放器视频上方和下方的空白

Related 相关文章

  1. 1

    移动嵌入式Youtube Iframe无法播放

  2. 2

    Iframe中的YouTube嵌入播放器无法在iOS6中使用

  3. 3

    在iframe中加载Youtube Player API

  4. 4

    YouTube在Android 4.3上嵌入的播放器

  5. 5

    在嵌入的YouTube iframe的播放中触发事件

  6. 6

    您如何使嵌入式Youtube播放器静音?

  7. 7

    为什么我的嵌入式YouTube播放器无法自动播放?

  8. 8

    如何为YouTube Player API iframe嵌入嵌入高质量缩略图?

  9. 9

    将视频播放器html5 iframe嵌入到YouTube之类的Facebook共享中

  10. 10

    如何使用YouTube js API在同一个嵌入式播放器中播放多个视频?

  11. 11

    使用对象/嵌入/ iframe渲染PDF无法正常工作

  12. 12

    YouTube iFrame Player API无法在DOMWindow上执行postMessage

  13. 13

    使用Youtube Android Player API的浮动视频播放器

  14. 14

    YouTube播放器停止工作

  15. 15

    显示进度。使用iframe youtube播放器api播放视频

  16. 16

    将YouTube播放器嵌入播放列表视图

  17. 17

    Iframe中的YouTube嵌入播放器无法在iOS6中使用

  18. 18

    在iframe中加载Youtube Player API

  19. 19

    当使用Session变量控制我的嵌入式YouTube播放器时,我收到错误消息:Uncaught TypeError:无法调用null的方法'postMessage'?

  20. 20

    YouTube在Android 4.3上嵌入的播放器

  21. 21

    YouTube iframe api(现有的iframe);无法使iframe-api正常工作

  22. 22

    YouTube api嵌入式播放器的某些选项不受尊重

  23. 23

    为什么我的嵌入式YouTube播放器无法自动播放?

  24. 24

    Shockwave播放器无法正常工作?

  25. 25

    使用Youtube Player IFrame API将视频添加到播放列表

  26. 26

    音频播放器无法正常工作

  27. 27

    YouTube iFrame Player API无法在DOMWindow上执行postMessage

  28. 28

    YouTube Player API在iframe中隐藏播放按钮,图标和视频标题

  29. 29

    Youtube iframe 播放器视频上方和下方的空白

热门标签

归档