全部产品
存储与CDN 数据库 安全 应用服务 数加·人工智能 数加·大数据基础服务 互联网中间件 视频服务 开发者工具 解决方案 物联网
媒体转码
    web播放器常见问题

web播放器常见问题

更新时间:2017-06-07 13:26:11

1、iOS播放自动全屏:

iOS下浏览器模式下h5播放器强制是全屏的,除非在app下才可以非全屏播放,需要两个配置:

(1)播放器添加参数:

playsinline:true,

(2)webview添加参数:

webview设置allowsInlineMediaPlayback属性为YES

webview.allowsInlineMediaPlayback = YES;

2、flash播放器对mp4/flv无法拖拽

mp4与flv拖拽需要cdn添加支持,是通过播放器发送带时间的请求到cdn,cdn返回该时间段的视频数据。如果要实现拖拽,需要以下两个条件:

(1)文件索引信息需要在视频的头部,mp4包含视频时间戳等索引信息,以及flv的meta信息要在视频最前面,播放器解析到视频索引信息后,才可以依据拖拽的位置通过索引信息拿到指定位置的数据点,去向cdn发送请求;

(2)cdn支持带时间/byte range的请求,需要在cdn控制台开启

详见:https://help.aliyun.com/document_detail/27130.html

3、flash播放器播放m3u8提示跨域错误

播放器跨域访问时需要添加策略文件,即在视频播放链接所在域名的根目录下,添加crossdomain.xml文件,其中添加播放器所在域名的权限,例如:

http://test1.com/app/test.m3u8 需要添加 http://test1.com/crossdomain.xml

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <cross-domain-policy>
  3. <allow-access-from domain="*"/>
  4. <allow-http-request-headers-from domain="*" headers="*" secure="false"/>
  5. </cross-domain-policy>

4、视频支持格式

flash:flv,rtmp,m3u8,mp3 直播建议使用flv与m3u8

h5:mp4,mp3,m3u8 直播使用m3u8

其中h5取决于浏览器支持情况,IOS与大部分的安卓机器都支持m3u8.

5、播放器封面图片无法显示

(1)确认cover字段输入url是否有效

(2)确认cover输入的url所在域名是否存在有效的crossdomain.xml文件

本文导读目录