2

我正在开发的 WordPress 网站上使用VideoJS HTML5 视频播放器。播放器在模态窗口中启动,并且在大多数情况下效果很好,但是 IE 的 Flowplayer 闪存后备并没有按照我的意愿运行。

当用户关闭模态框时,播放应该停止/暂停。这在 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();
    });
4

1 回答 1

0

无论您的模态插件是什么,请在模态文档中找到 Closed 方法,然后您可以执行$(video).remove();

var mPlayer = VideoJS.setup("my_video");
mPlayer.pause();
于 2011-11-24T16:56:52.973 回答