如何使用 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.tw/videos/sample.png"
      data-setup='{}'
   >
   <!-- Source the QuickTime MOV File -->
   <source src="https://tutorialspoint.tw/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.