videojs 卡顿_流媒体技术学习笔记之(四)解决问题video.js 播放m3u8格式的文件,根据官方的文档添加videojs-contrib-hls也不行的原因解决了...

本文介绍了使用video.js播放m3u8格式文件时遇到的卡顿和跨域问题的解决方案。针对直播和点播场景,提供了在Nginx中设置HTTP头的方法。对于Flash播放器,需要在m3u8文件所在目录下添加crossdomain.xml。同时,videojs-contrib-hls插件可以帮助video.js支持hls播放,但要注意不支持IE<10。建议升级到IE11以解决播放问题。
摘要由CSDN通过智能技术生成

总结:

说明:

测试环境:本测试全部来自阿里云直播和OSS存储点播以及本地服务器直播和点播

播放器:VideoJs

直播:

1、阿里云直播,需要CDN设置HTTP头

2、本地直播需要设置直播访问服务器的头部信息(本地为Nginx)

add_header 'Access-Control-Allow-Origin' '*'always;

add_header'Access-Control-Allow-Credentials' 'true';

add_header'Access-Control-Expose-Headers' 'Content-Length,Content-Range';

add_header'Access-Control-Allow-Headers' 'Range';

点播:

1、阿里云点播通过OSS存储

2、本地点播,需要添加的头部信息:

add_header 'Access-Control-Allow-Origin' '*'always;

add_header'Access-Control-Allow-Credentials' 'true';

add_header'Access-Control-Expose-Headers' 'Content-Length,Content-Range

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值