如何使用Video.js播放器播放FLV影片？

Video.js是一個非常流行的庫，用於建立基於HTML5從零開始構建的網路影片播放器。Video.js支援所有基本的影片格式，如mp4、WebM、Flv等。使用video.js為這些不同的影片型別建立現代網路影片播放器非常輕鬆簡單。

但是，flv型別影片格式的過程略有不同。在本文中，我們將學習如何使用video.js網路播放器播放**flv**影片。

首先，讓我們從如何使用mp4和WebM影片格式在video.js中建立基本的網路播放器開始。

如何建立影片播放器？

示例

考慮以下程式碼，用於在video.js中建立一個基本的網路影片播放器：


<!DOCTYPE html>
<html>
<head>
   <link href="https://vjs.zencdn.net/7.19.2/video-js.css" rel="stylesheet" />
</head>
<body>
   <video
      class="video-js"
      id="my-videos"
      width="560"
      height="264"
      data-setup='{}'
      controls="true"
      autoplay="true"
      muted
      preload="auto">
   >
      <source
         src="https://tutorialspoint.tw/videos/sample480.mp4"
         type="video/mp4"
         id="my-video1"
      >
      <source
         src="https://tutorialspoint.tw/videos/sample720.webm"
         type="video/webm"
         id="my-video2"
      >
   </video>
   <script src="https://vjs.zencdn.net/7.19.2/video.min.js">
      const player = videojs(document.querySelector('.video-js'));
   </script>
</body>
</html>

在上面的程式碼片段中，我們做了以下操作：

我們使用``標籤中包含的CDN URL匯入了video.js。
此外，我們使用了`
在video標籤上使用了`data-setup='{}'`，以確保如果在網頁載入時未建立影片元素，則video-js可以稍後載入它。
在第一個``標籤中，我們提供了影片檔案的路徑。由於第一個影片檔案的格式為mp4檔案，因此型別也為“video/mp4”；而第二個影片的格式為webm，因此型別被指定為“video/webm”。
最後，我們使用了`

廣告