vue中使用原生的video播放flv和mp4格式的视频_开发测试

创始人

2024-09-26 14:50:53

0次

安装

npm i flv.js

html

注意：播放视频的时候如果服务器配置有错误会导致播放视频出现不同的错误

确保服务器正确配置，以支持 FLV 流媒体和断点续传：

1.服务器需要设置正确的 Accept-Ranges 头部，以支持断点续传：

Accept-Ranges: bytes
或导致不能拖动进度条

这样客户端可以请求视频文件的特定部分，从而实现流媒体播放。

2.确保 Content-Length 头部反映了视频文件的实际大小：

Content-Length: [actual file size in bytes]
如果比实际值小会导致视频无法正常加载或者只加载返回的大小部分
如果 Content-Length 设置不正确，flv.js 可能会因为无法正确读取视频文件而出现问题。

3. 确保服务器设置了正确的 MIME 类型：

Content-Type: video/x-flv

黑科技新版!wpk德州ai机器... 黑科技新版!wpk德州ai机器人(透视)切实存在有挂(2024已更新)(哔哩哔哩)1、玩家可以在wp...

让我来分享经验(德扑线上)aa... 让我来分享经验(德扑线上)aapoker德州线上扑克辅助工具(2022已更新)(哔哩哔哩)1、玩家可...

分享开挂内幕!wpk俱乐部盈利... 分享开挂内幕!wpk俱乐部盈利模式(透视)外挂透明挂辅助神器(2026已更新)(哔哩哔哩)；1、实时...

黑科技了解!aapokerai... 黑科技了解!aapokerai辅助(透视)竟然是有挂(2020已更新)(哔哩哔哩)1、aapoker...

玩家亲测(德州竞技联盟)wpk... 玩家亲测(德州竞技联盟)wpk长期盈利打法(2024已更新)(哔哩哔哩)是一款可以让一直输的玩家，快...

一分钟带你了解!德扑ai助手(... 一分钟带你了解!德扑ai助手(透视)外挂透明挂辅助器(2020已更新)(哔哩哔哩)1、构建自己的德扑...

黑科技新版!微扑克软件的规律(... 黑科技新版!微扑克软件的规律(透视)一贯存在有挂(2026已更新)(哔哩哔哩)1、完成微扑克软件的规...

玩家科普(AAPoKER)德州... 玩家科普(AAPoKER)德州ai机器人软件开发(2023已更新)(哔哩哔哩)；无聊就玩这款德州ai...

今日科普!微扑克软件(透视)外... 今日科普!微扑克软件(透视)外挂透明挂辅助挂(2023已更新)(哔哩哔哩)运微扑克软件辅助工具，进入...

黑科技规律!智星德州菠萝有挂吗... 黑科技规律!智星德州菠萝有挂吗(透视)切实有挂(2022已更新)(哔哩哔哩)；1、智星德州菠萝有挂吗...