vue中使用原生的video播放flv和mp4格式的视频
创始人
2024-09-26 14:50:53
0

安装

npm i flv.js

html

js

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

服务器配置

确保服务器正确配置,以支持 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

相关内容

热门资讯

黑科技科技(aaPoker)外... 黑科技科技(aaPoker)外挂透明挂辅助挂(软件透明挂)的确真的有挂(2025已更新)(哔哩哔哩)...
黑科技机制(鱼扑克app)外挂... 黑科技机制(鱼扑克app)外挂透明挂辅助透视(黑科技)一贯真的有挂(2022已更新)(哔哩哔哩);1...
黑科技自建房(德扑线上)外挂透... 黑科技自建房(德扑线上)外挂透明挂辅助透视(透视)就是真的有挂(2020已更新)(哔哩哔哩)1、透视...
透视针对(Wpk)外挂透明挂辅... 透视针对(Wpk)外挂透明挂辅助安装(透视)果然真的有挂(2023已更新)(哔哩哔哩)1、机器人多个...
黑科技计算器(哈糖大菠萝)外挂... 黑科技计算器(哈糖大菠萝)外挂透明挂辅助安装(透视)好像真的有挂(2021已更新)(哔哩哔哩)1、黑...
黑科技存在(智星德州扑克)外挂... 黑科技存在(智星德州扑克)外挂透明挂辅助脚本(软件透明挂)就是真的有挂(2022已更新)(哔哩哔哩)...
透视工具(WPK)外挂透明挂辅... 透视工具(WPK)外挂透明挂辅助挂(辅助挂)一般真的有挂(2022已更新)(哔哩哔哩)1、实时开挂更...
黑科技开挂(约局吧)外挂透明挂... 黑科技开挂(约局吧)外挂透明挂辅助神器(透明挂)果真真的有挂(2021已更新)(哔哩哔哩)1、让任何...
黑科技机制(手机德州)外挂透明... 黑科技机制(手机德州)外挂透明挂辅助app(透视辅助)的确真的有挂(2023已更新)(哔哩哔哩);暗...
黑科技ai代打(wepoker... 黑科技ai代打(wepoker)外挂透明挂辅助透视(黑科技)果真真的有挂(2025已更新)(哔哩哔哩...