在视频jwplayer7中播放视频时显示暂停按钮

时间:2015-10-09 12:45:29

标签: html5 css3 video jwplayer jwplayer7

我正在使用jwplayer7,我隐藏了控制栏,因为我的视频就像背景视频,并且不需要视频底部的任何控件,但是播放时需要在播放/重播等视频中间显示暂停按钮按钮显示在开始/结束时。我怎么能这样做?

3 个答案:

答案 0 :(得分:2)

由于它是HTML5,您可以使用简单的CSS来隐藏控制栏 - 这样就可以保留其余的功能。

我只是查看了jwPlayer7文档,显然JWP7的外观也在flash上​​使用CSS。

无法在他们的网站上找到jw7皮肤化的在线文档 - >但你要做的是复制你想要的皮肤文件夹并使用" display:none"在整个控制栏上,并在初始化期间加载该皮肤。

修改

http://support.jwplayer.com/customer/portal/articles/1412123-building-jw-player-skins http://support.jwplayer.com/customer/portal/articles/2067702-skin-css

答案 1 :(得分:2)

默认情况下,中心图标隐藏在七个皮肤中。您可以定位它并在播放器暂停时显示它:

.jwplayer.jw-state-paused .jw-display-icon-container {
    display: table;
}

这也是移动浏览器的默认设置,自jwplayer 7.1以来设置小于~400px。将.jw-flag-compact-player CSS类添加到播放器容器中以启用此模式。

答案 2 :(得分:1)

我的建议是创建一个div并使用CSS将其准确定位到您想要的位置。然后确保在onclick中调用我们的Javascript API暂停事件。

它看起来像这样:

<div style="your_CSS_here" onclick="jwplayer().pause();"></div>

顺便说一句,我们喜欢Stack Overflow,但我们花了更多时间来回答直接提交到http://support.jwplayer.com支持页面的问题。你可能会在那里得到我们更快的回复...