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

Question

我正在使用 jwplayer7，我隐藏了控制栏，因为我的视频就像背景视频，视频底部不需要任何控件，但是播放时需要在视频中间显示暂停按钮，例如 play/replay 按钮显示在 beggining/at 末尾。我该怎么做？

Answer 1

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

我刚刚查看了 jwPlayer7 文档，显然 JWP7 的换肤也使用了 CSS on flash。

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

编辑：

Answer 2

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

看起来像这样：

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

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

Answer 3

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

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

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

when playing video show pause button in the middle of video jwplayer7