Question

我正在使用jwplayer 6，而视频播放jwplayer隐藏了控制栏，只有当我们暂停视频时才显示控制栏。

我尝试了设置选项：

jwplayer("jwplayer").setup({
    file: "video/new.mp4",
    image: "img/common/download.jpg",       
    controls : true,
    controlbar.idlehide : false,
    width: 673,
    height: 400
});

但它的投掷错误。有什么方法可以阻止隐藏控制栏。

Answer 1

您可以将其添加到CSS中，并且对于HTML5播放器应该保持可见：

.jwplayer .jwcontrolbar {
    display: inline-block !important;
    opacity: 1 !important;
}

对于那些使用闪存（IE9及以下版本）的用户，我不知道除了使用自定义控件编写自己的插件之外的解决方案，这需要花费更多时间（除非您只是想要播放/暂停）按钮？）。

Answer 2

在jwplayer 6中根本无法完成。降级到jw5，它将是可行的。

我认为jwplayer的那些人很愚蠢。这个以及新jw6中的其他“功能”，例如不可更改的垂直音量滑块等，使得我们大多数人几乎不可能使用这个播放器。从产品中删除非常旧的和使用过的功能就像是为公司自杀。它并没有发生，因为jw没有太多选择。最终会有这么好的商业策略，祝你好运，jw！

P.S。要知道jwplayer上的天才不再支持jw5，所以你不会找到关于该主题的任何文档。此外，旧版本的源代码也不再可用，因为他们从开发人员平台切换到github，他们“忘记”迁移旧的播放器文件。

祝你好运

Answer 3

虽然更新没有合理的解决方案，但我们必须让它发挥作用。

所以，我这样做了：

var targetId = 'player';

$jwplayer(targetId).onReady(function(){

    this.onPlay(callbackOnPlay);

});

var callbackOnPlay = function(){

    var player = $('#' + targetId),
    controlbar = (player.length) ? player.find('.jw-controls') : $('.jw-controls');

    player.onPlay()

    if (player.length && controlbar.length) {

        //Delay 2s
        setTimeout(function() {
           controlbar.fadeOut();
        }, 2000);

        //Add hover event
        player.hover(
           function() {
              controlbar.fadeIn();
           }, function() {
              controlbar.fadeOut();
           }
        );

    }

};

Answer 4

在JW Player 7.3中，您可以通过JS执行此操作：

   var playerInstance = jwplayer('player');
   playerInstance.setup({ ...your config…});

   playerInstance.onReady(function(){     
      displayControlBar();
   });

   function displayControlBar() {
      var controlBar = document.getElementsByClassName('jw-controlbar jw-background-color jw-reset')[0];
      controlBar.style.display = "block"
   }

停止jwplayer 6隐藏控制栏

4 个答案: