javascript - 双击禁用全屏 - Video.js
问题描述
我正在使用 Video.js 在我的网站上播放视频,并希望禁用默认的双击全屏行为。
我在文档中找到了这个,但不知道如何实现它。我已经尝试将建议的代码放在我的 main.js 文件中,但我想我需要做其他事情,因为这不起作用?
这是我正在使用的简化 video.js 代码:
<!DOCTYPE html>
<html>
<head>
<link href="https://vjs.zencdn.net/7.8.2/video-js.css" rel="stylesheet" />
<!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->
<script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
</head>
<body>
<video
id="my-video"
class="video-js"
controls
preload="auto"
width="640"
height="264"
poster="MY_VIDEO_POSTER.jpg"
data-setup="{}"
>
<source src="MY_VIDEO.mp4" type="video/mp4" />
<source src="MY_VIDEO.webm" type="video/webm" />
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a
web browser that
<a href="https://videojs.com/html5-video-support/" target="_blank"
>supports HTML5 video</a
>
</p>
</video>
<script src="https://vjs.zencdn.net/7.8.2/video.js"></script>
</body>
</html>
解决方案
当您data-setup
用于初始化播放器时,然后将其添加到 JSON 字符串中:
data-setup='{"userActions": {"doubleClick": false }}'
推荐阅读
- java - 在后台颤动声音警报并在点击通知时取消
- html - 如何为每列内的 2 列创建响应式布局我想要另外 2 列?
- sql - 如何在 sql DB2 中使用条件其他字段和期间日期标记列?
- python - 如何在操作中用以前的值填充 NaN 值?
- android - Android致命异常:java.lang.UnsupportedOperationException:不支持删除
- ruby-on-rails - Rails TimeWithZone 不匹配
- python-3.x - TypeError:loads() 得到了一个意外的关键字参数“max”
- php - 在 Laravel Homestead 中禁用 mailhog
- python - “,”附近:执行 SQLite 更新时出现语法错误
- javascript - 模态窗口不滚动到底部