首页如何让video.js支持flv

如何让video.js支持flv

时间: 2023-08-12 14:43:45 浏览: 218

要让 video.js 支持 FLV 格式的视频，需要使用一个名为 videojs-flvjs 的插件。这个插件实际上是将 flv.js 库集成到 video.js 中，使其能够解析和播放 FLV 格式的视频。以下是使用步骤： 1. 在 HTML 文件中引入 video.js 和 videojs-flvjs 插件的 JavaScript 文件： ```html <head> <link href="//vjs.zencdn.net/7.10.2/video-js.css" rel="stylesheet" /> <script src="//vjs.zencdn.net/7.10.2/video.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/flv.js/1.5.0/flv.min.js"></script> <script src="//cdn.jsdelivr.net/npm/videojs-flvjs/dist/videojs-flvjs.min.js"></script> </head> ``` 2. 在 HTML 中添加 video 标签，并在 JavaScript 中初始化 video.js： ```html <video id="my-video" class="video-js" controls preload="auto" width="640" height="264"> <source src="my-video.flv" type="video/flv"> </video> <script> var player = videojs('my-video', { plugins: { flvjs: { mediaDataSource: { isLive: false, cors: true, withCredentials: false, headers: {} } } } }); </script> ``` 其中，`isLive` 表示是否为直播流，`cors` 表示是否允许跨域请求，`withCredentials` 表示是否携带 cookie，`headers` 表示请求头信息。 3. 最后，启动 video.js： ```javascript player.play(); ``` 这样就可以使用 video.js 播放 FLV 格式的视频了。

阅读全文