如何使用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.com/videos/sample480.mp4"
         type="video/mp4"
         id="my-video1"
      >
      <source
         src="https://tutorialspoint.com/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”。
最后，我们使用了`

广告