我正在使用jwplayer 6,而视频播放jwplayer隐藏了控制栏,只有当我们暂停视频时才显示控制栏。
我尝试了设置选项:
jwplayer("jwplayer").setup({
file: "video/new.mp4",
image: "img/common/download.jpg",
controls : true,
controlbar.idlehide : false,
width: 673,
height: 400
});
但它的投掷错误。有什么方法可以阻止隐藏控制栏。
答案 0 :(得分:3)
您可以将其添加到CSS中,并且对于HTML5播放器应该保持可见:
.jwplayer .jwcontrolbar {
display: inline-block !important;
opacity: 1 !important;
}
对于那些使用闪存(IE9及以下版本)的用户,我不知道除了使用自定义控件编写自己的插件之外的解决方案,这需要花费更多时间(除非您只是想要播放/暂停)按钮?)。
答案 1 :(得分:1)
在jwplayer 6中根本无法完成。降级到jw5,它将是可行的。
我认为jwplayer的那些人很愚蠢。这个以及新jw6中的其他“功能”,例如不可更改的垂直音量滑块等,使得我们大多数人几乎不可能使用这个播放器。从产品中删除非常旧的和使用过的功能就像是为公司自杀。它并没有发生,因为jw没有太多选择。最终会有这么好的商业策略,祝你好运,jw!
P.S。要知道jwplayer上的天才不再支持jw5,所以你不会找到关于该主题的任何文档。此外,旧版本的源代码也不再可用,因为他们从开发人员平台切换到github,他们“忘记”迁移旧的播放器文件。
祝你好运
答案 2 :(得分:0)
虽然更新没有合理的解决方案,但我们必须让它发挥作用。
所以,我这样做了:
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();
}
);
}
};
答案 3 :(得分:0)
在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"
}