如何使用 Video.js 播放器播放 QuickTime MOV 文件？

Video.js 是一款开源的 HTML5 网页视频播放器。它支持各种 HTML5 媒体源扩展，以及通过插件实现的现代视频播放技术，如 YouTube、HLS 流等。Video.js 支持在各种显示尺寸和设备（如台式机和移动设备）上播放视频。

在本教程中，我们将学习如何在 Web 浏览器中使用 video.js 播放 QuickTime MOV 文件。MOV 是一种非常常见的视频容器，用于 Apple 的 QuickTime 播放器中存储电影和视频文件。这些容器使用 Apple Computer 设计的压缩算法，并且与 Windows 和 Mac 设备兼容。MOV（QuickTime 容器文件类型）容器可以包含多种视频数据格式，例如 MPEG-4 和 OGG。

现在我们已经了解了 video.js 和 MOV 文件类型，让我们开始创建视频播放器来播放 MOV 文件，这将在本文的下一节中进行介绍。

如何使用 Video.js 播放器播放 QuickTime MOV 文件？

要使用 video.js 播放 QuickTime MOV 文件，我们需要创建一个视频播放器，然后将 MOV 文件的源传递给它。

让我们开始创建视频播放器。要创建视频播放器，您可以使用两种方法：使用带有 class="video-js" 的 `

带有 video.js 类的 `

示例

请考虑以下示例，该示例使用 video.js 类创建一个视频播放器来播放 QuickTime MOV 视频：

<!DOCTYPE html>
<html>
<head>
   <!-- Importing Video.js CSS using url -->
   <link href="https://vjs.zencdn.net/7.19.2/video-js.css" rel="stylesheet" />
</head>
<body>
   <video
      id="my-video"
      class="video-js vjs-big-play-centered vjs-theme-sea"
      controls
      preload="auto"
      fluid="true"
      height="264"
      width="560"
      poster="https://tutorialspoint.com/videos/sample.png"
      data-setup='{}'
   >
   <!-- Source the QuickTime MOV File -->
   <source src="https://tutorialspoint.com/videos/sample.mov" type="video/mp4" >
   </video>
   <!-- Importing Video.js using url -->
   <script src="https://vjs.zencdn.net/7.17.0/video.min.js">
   </script>
   <!--Creating video player reference using video.js interface-->
   <script>
      var player = videojs('my-video');
   </script>
</body>
</html>

在上面的代码示例中，我们执行了以下操作：

  • 分别使用 CDN URL 在 `` 和 `

    广告

© . All rights reserved.