阿里云Web播放器支持H5和Flash两种播放模式。集成Web播放器SDK场景下，根据集成的js文件不同，可指定播放模式或设置成自行适配播放模式。在线配置场景下，用户可根据终端类型、浏览器类型和视频采用的协议，通过选择配置页面上的HTML5或Flash标签来指定播放模式。

选择播放模式的规则如下：

RTMP协议视频须使用Flash模式播放。注意Flash模式仅支持桌面端浏览器，且浏览器支持有限制，详细请参见Flash浏览器适配说明。

其它场景均推荐使用H5模式。

手工启用H5播放器有两种方式：

直接引用H5播放器的js文件。

使用自适应播放器，然后设置useH5Prism属性为true。

H5播放器直接调用replayByVidAndPlayAuth方法。示例如下：

调整播放按钮的大小，重写CSS，比如减小一倍。示例如下：

调整播放按钮的位置，通过设置skinLayout里bigPlayButton的x,y属性。示例如下：

按钮状态取决于播放器原来的状态，想要实现暂停按钮，可以在seek后再调用player.pause()方法。

播放器SDK没有横屏的接口，iOS横屏需要系统横屏，Android全屏之后默认就是横屏。

使用H5播放器播放视频时出现视频未填满整个播放器，播放器有黑边的情况，如下图所示。

此黑边为播放器容器的背景色，可以通过给video标签设置css属性object-fit: cover;来解决该问题。

播放器发起的请求首先遵循您网站设置的Referrer-Policy，请确保您网站的Referrer-Policy为允许视频请求携带Referer。

如果您网站的Referrer-Policy允许视频请求携带Referer，但是实际请求视频时没有携带Referer（在开启Referer ACL访问控制的时候可能会导致播放被禁止），则可以通过传入播放器参数enableWorker: false来解决。

mp4与flv拖拽需要CDN添加支持，是通过播放器发送带时间的请求到CDN，CDN返回该时间段的视频数据。

如果要实现拖拽，需要满足以下两个条件：

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

CDN支持带时间/byte range的请求，需要在CDN控制台开启，请参见配置拖拽播放。

需要销毁Flash播放器，根据新的vid和playauth重新创建一个。示例如下：

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

例如：http://example.com/app/test.m3u8需要添加到http://example.com/crossdomain.xml。

确认cover字段输入URL是否有效。

确认cover字段输入的URL所在域名是否存在有效的crossdomain.xml文件。

在网页上播放视频时，大部分情况下是通过浏览器实现的，因此浏览器对视频播放行为拥有最高的管理权限。浏览器劫持视频播放是指使用浏览器自带的播放器替换播放器SDK原始的video控件，并且禁止通过JS、CSS修改，由此会造成播放器的样式不符合预期、播放器的部分功能无法正常使用、视频播放时出现多余的UI和广告等内容，或者视频被强制全屏播放等现象。

浏览器劫持视频播放通常出现在移动端浏览器中，例如微信、UC浏览器、QQ浏览器等浏览器。以下为您提供浏览器劫持视频播放的一些常见现象及解决方法：

问题现象：iOS手机上直接使用播放器播放视频时，可以正常使用弹幕，但在全屏播放时，无法正常使用弹幕。

解决方法：由于video被原生UI接管，且处于最高层级，无法进行UI定制，也无法将弹幕元素置于video之上，可以考虑通过模拟全屏的方式实现，即通过设置视频呈现的高度和宽度，将播放器容器铺满整个屏幕，从而实现全屏播放的效果，同时可以正常使用弹幕。

问题现象：在部分安卓手机的WebView中，如果没有为标签指定poster属性，WebView会默认展示一个默认封面，如下图所示：

解决方法：如果想要移除该默认封面，则可以通过下述方法为标签指定一个无效的poster属性来覆盖这个WebView的默认封面。示例如下：

阿里云Web播放器不支持在微信小程序中运行，您需要使用小程序自带的Video组件去播放视频。相关Demo请参见微信小程序。

Web播放器SDK从2.14.0版本开始支持播放H.265编码协议的视频流，如需使用此功能，需要申请相应的License授权，并配置参数开启H.265功能。具体操作，请参见播放H.265/H.266编码协议视频流。

Web播放器SDK支持MOV格式的视频。这个支持性同video标签本身的支持能力。如果播放不了，应该是视频本身的问题引起的。

低于IE10的浏览器需要启用最高级别的可用模式显示内容模式。示例如下：

给视频设置禁音，设置autoplay为true实现自动播放，在监听ready事件调用fullscreenService.requestFullScreen实现全屏。示例如下：

示例如下：

VUE2 Demo

需要优先在play事件和canplay事件中调用player.seek()方法，否则可能会不生效。

问题现象：2.9.11版本Web播放器SDK，在Windows10，360浏览器兼容模式下，loadByUrl功能异常，切换视频源会仍然播放上一条视频。

问题原因：浏览器兼容问题。

解决方法：请使用2.9.19及以后版本的Web播放器SDK。

通过定时器每秒调用播放器的getCurrentTime方法获取播放时间，在暂停、出错和结束播放时清除定时器。

H5播放器：通过不展示进度条即去掉进度条相关代码，从而实现无法拖动进度条的效果。自定义skinLayout属性， 去掉整个controlBar或者controlBar下面的子项progress，示例如下：

如果需要在展示进度条的情况下实现无法拖动进度条的效果，请参见禁止拖动进度条。

Flash播放器：可通过disableSeek属性实现，详细内容，请参见接口说明。

问题描述

直播过程中如果将应用切换至后台，暂停播放后，返回应用再次播放时会从暂停的时刻继续播放，如何设置可以减少播放延迟，赶上最新的直播片段。

解决方案

再次播放时，会从您暂停的时刻继续播放，且不能通过参数设置加快播放速度。建议您重新拉流，重新调用播放器播放该直播流。