我检查了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] 删除。
我来说两句