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

Question

我正在使用 jwplayer7，我隐藏了控制栏，因为我的视频就像背景视频，不需要视频底部的任何控件，但是在播放时需要在视频中间显示暂停按钮，比如开始时显示的播放/重播按钮/在最后。我怎样才能做到这一点？

Answer 1

由于它是 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

Answer 2

中心图标默认隐藏在七种皮肤中。您可以定位它并在播放器暂停时显示它，如下所示：

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

这也是移动浏览器的默认设置，并且自 jwplayer 7.1 起小于 ~400px 设置。.jw-flag-compact-playerCSS 类被添加到播放器容器以启用此模式。

Answer 3

My suggestion would be to create a div and use CSS to position it exactly where you want. Then make sure to call our Javascript API's pause event in the onclick.

It would look something like this:

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

By the way, we love Stack Overflow, but we spend more time answering questions submitted directly to our Support page at http://support.jwplayer.com. You might get a faster response from us over there...