jwplayer - 停止 jwplayer 6 隐藏控制栏

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
});

但是它的抛出错误。有没有办法停止隐藏控制栏。

score 3 · Accepted Answer

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

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

对于那些使用 Flash（IE9 及以下）的人，我不知道除了使用自定义控件编写自己的插件之外的解决方案，这将花费更多的时间而不是值得的（除非你只想要一个播放/暂停按钮？）。

score 1 · Accepted Answer

在 jwplayer 6 中它根本无法完成。降级到 jw5 就可以了。

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

Ps 请注意 jwplayer 的天才不再支持 jw5，因此您将找不到有关该主题的任何文档。此外，旧版本的源代码也不再可用，因为他们从开发者平台切换到了 github，并且他们“忘记”了迁移旧的播放器文件。

祝你好运

score 0 · Accepted Answer

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

所以，我这样做了：

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();
           }
        );

    }

};

score 0 · Accepted Answer

在 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 - 停止 jwplayer 6 隐藏控制栏

4 回答 4

Related

Reference