JWPlayer - 禁止点击视频暂停/恢复？答案

【问题标题】：JWPlayer - disable clicking on video to pause/resume?JWPlayer - 禁止点击视频暂停/恢复？
【发布时间】：2011-08-25 01:39:37
【问题描述】：

我将播放器用作我网站的视频背景，我希望能够禁用点击视频以暂停/恢复的功能。

我该怎么做？

谢谢

【问题讨论】：

标签： javascript video jwplayer

【解决方案1】：

“我已经通过在“私有函数firstClick()”中编辑文件“DisplayView.as”解决了这个问题，只需添加一个简单的“return;”作为第一个statemenet。这样我完全忽略了点击显示区域，以便 Flash 可以在需要时处理点击（例如在 Symbian 手机中，点击视频会使播放器进入全屏状态，如果没有这个 hack，这是不可能的）。”

盗自Disable play/pause on click

【讨论】：

【解决方案2】：

我在 jwplayer 版本 7 中找到了解决方案。我想它也适用于以前的播放器。首先，你附加播放器的 div 必须有以下脚本：我用 jQuery 写的：

$('.divPlayer').setup({...});// you setup the player.
$('.divPlayer').on('click', function (e) {
    e.preventDefault(); 
    e.stopPropagation(); // stop propagating anything...
});

那么你需要在divPlayer处添加一个css规则：

&::before{
    content:'';
    position:absolute; 
    width:100%; height:100%;
    z-index:1;
}

最后，您需要控件的 z-index 高于 ::before

.jw-controls {
    z-index:2;
}

希望对您有所帮助。

【讨论】：

同样在 7.11 中，我必须更新 CSS 才能使光标指针在按钮图标上工作： .jw-display-icon-container .jw-icon{ pointer-events:auto !important;并且 !important 是必需的，因为内联规则会覆盖它。

【解决方案3】：

我刚刚使用 JW Player 的 javascript 事件完成了这项工作（对我和另一个问题都是如此）。这是我的答案的链接：https://stackoverflow.com/a/9200379/1129108

【讨论】：