web播放器常见问题

更新时间：2016-12-30 19:12:03

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

<?xml version="1.0" encoding="UTF-8"?>
<cross-domain-policy>
    <allow-access-from domain="*"/>
    <allow-http-request-headers-from domain="*" headers="*" secure="false"/>
</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文件