如何使用 Video.js 插件正确播放 FLV 格式的视频文件？

要在HTML5页面上使用Video.js插件播放FLV格式的视频，你需要先安装Video.js和flv.js库。以下是基本步骤：

1. **引入库**：

   <script src="https://cdn.jsdelivr.net/npm/video.js@latest/dist/video.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/flv.js@latest/dist/flv.min.js"></script> <!-- 注意替换为最新版本 -->

2. **创建 Video.js 组件**：

   <video id="my-video" class="video-js vjs-default-skin" controls preload="auto">
     <source src="your_flv_video_url.flv" type="application/x-flv"> <!-- 替换为你的FLV视频URL -->
   </video>

3. **初始化 Video.js**：

   var player = videojs('my-video', {
     techOrder: ['flv'],
     plugins: {
       flv: {
         url: 'https://cdn.jsdelivr.net/npm/flv.js@latest/dist/flv.min.js'
       }
     }
   });

这里指定了techOrder优先级为flv，这样Video.js会尝试使用flv.js来播放FLV视频。

4. **加载并开始播放**：

   player.src('your_flv_video_url.flv');
   player.play();

5. **错误处理**：

   player.on('error', function(error) {
     console.error('An error occurred:', error);
   });