双击禁用全屏 - Video.js

Question

我正在使用 Video.js 在我的网站上播放视频，并希望禁用默认的双击全屏行为。

我在文档中找到 this 但不确定如何实现它。我已经尝试将建议的代码放入我的 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>

Answer 1

当您使用 data-setup 初始化播放器时，然后将其添加到 JSON 字符串：

data-setup='{"userActions": {"doubleClick": false }}'

双击禁用全屏 - Video.js

Disable full screen on double click - Video.js

javascript

video

video.js