在HTML5 Flowplayer上禁用暂停

时间:2014-03-06 19:44:01

标签: jquery css3 events html5-video flowplayer

你会认为这很容易/很明显,但是,我很长一段时间都在努力,但收效甚微。

我需要使用HTML5(使用Flash后备)Flowplayer在在线调查中显示视频。我希望用户能够点击PLAY,并且能够调整音量但是全部 - 没有寻求,没有暂停,没有停止。这需要适用于尽可能多的平台/ OS /浏览器。 在用户点击播放后,我已经成功“禁用”播放器,这会阻止任何用户交互,但它也会阻止访问音量控件

到目前为止,我已经使用过:

   $(".flowplayer:first").bind("resume", function (e, api) {
      //shut off controls, **problem is that it also shuts off volume controls!**
      flowplayer().disable(true); //shut-off the controls
   });

//Ready Handler - **prevents access to timeline for seeking before the user hits play**
       $(".flowplayer:first").bind("ready", function (e, api) { 
           flowplayer.conf.keyboard = false;
           $(".fp-timeline").unbind("mousedown touchstart");
           $(".flowplayer").removeClass("is-touch");
       }

在回答之前,请确保您正在查看Flowplayer,而不是“Flowplayer Flash”,这似乎是一个简单的解决方案

1 个答案:

答案 0 :(得分:1)

似乎您可以将函数附加到事件,例如pause并返回false以防止发生任何事情。那会有用吗?我无法真正测试它。

$(".flowplayer:first").bind("pause", function(e, api) {
    return false;
});

http://flowplayer.org/docs/api.html#section_jquery

或者类似的东西:

$(".flowplayer:first").bind("play", function(e, api) {
    $(".fp-play, .fp-timeline").unbind("click");
    // Other controls and events...
});