我在我正在开发的WordPress网站上使用VideoJS HTML5视频播放器。播放器在一个模态窗口中启动,它在大多数情况下都很好用,但是IE的Flowplayer flash回退并不是我想要的。
当用户关闭模态框时,播放应停止/暂停。这适用于HTML5,但不适用于Flowplayer。我已经看过Flowplayer文档,但似乎无法让他们建议的代码工作。我尝试了几种变体,没有运气,也无法在网上找到一个有效的例子。
值得注意的是,VideoJS是使用VideoJS WP插件从WordPress调用的。
下面的代码段显示了我认为应该有效的内容,其中$ f是流量播放器选择器,但我尝试了其他方式。
jQuery(function( $ ){
$(document).ready(function(){
$('.bClose').click(function(){
$(".video-js")[0].player.pause();
$f("video_1").stop(); /* <-- THIS IS THE OFFENDING LINE OF CODE. */
$('.video-js-box').bPopup().close();
});
});
});
我正在使用HTML5样板文件,此代码位于我的script-starter.js文件中。
我希望有人能帮我解决这个问题。
提前致谢。
斯皮尔曼
更新:我现在尝试对这个主题进行修改......
$('.bClose').click(function(){
$(".video-js")[0].player.pause();
$f($(".video-js-box").get(0)).pause();
$('.video-js-box').bPopup().close();
});
答案 0 :(得分:0)
无论你的模态插件是什么,在你的模态文档中找到Closed方法然后你可以做$(video).remove();
或
var mPlayer = VideoJS.setup("my_video");
mPlayer.pause();