Web播放器

更新时间:2025-02-05 08:11:55

阿里云Web播放器SDK可以被业务方的Web应用集成,提供直播、点播场景的视频播放能力。本文为您介绍阿里云Web播放器SDK的功能说明和浏览器适配情况。

概述

阿里云Web播放器SDK通过HTML5(以下简称为H5)的<video>标签在Web应用中实现视频播放。可以兼容 Chrome、Safari等多种浏览器,提供多平台统一视频播放效果,并结合阿里云视频直播、视频点播,提供防盗链和版权视频加密播放、质量监测等功能。

License升级说明

2024121日起,阿里云Web播放器SDK(2.28.0版本开始)的集成使用需要接入License服务,接入请参见管理License。如果您使用的是2.28.0之前的版本,虽然不受此次变更影响,但我们建议您升级到最新版,以享受更全面的服务和支持。

协议支持

点播场景

Web播放器SDK支持的点播播放协议及编码格式如下:

视频编码格式

视频协议

音频文件格式

音频编码格式

视频编码格式

视频协议

音频文件格式

音频编码格式

H.264

  • MP4

  • FLV

  • HLS

MP3

AAC

H.265

说明
  • 如需支持播放H.265编码的视频流,您需要先填写表单申请License授权。

  • 部分浏览器不支持播放H.265编码的视频。

  • 如果开启了支持播放H.265编码视频的功能,会导致额外的流量消耗,以及起播速度的延缓。

  • MP4

  • FLV

  • HLS

-

H.266

说明
  • 如需支持播放H.266编码的视频流,您需要先填写表单申请License授权。

  • 部分浏览器不支持播放H.266编码的视频。

  • 如果开启了支持播放H.266编码视频的功能,会导致额外的流量消耗,以及起播速度的延缓。

MP4

-

直播场景

Web播放器SDK支持的直播播放协议及编码格式如下:

视频编码格式

视频协议

音频编码格式

音频文件格式

视频编码格式

视频协议

音频编码格式

音频文件格式

H.264

HLS、FLV、RTS、DASH

AAC

-

H.265

HLS、FLV(codecId=12)

H.266

HLS、FLV

各直播播放协议的优缺点如下:

直播播放协议

优点

缺点

延迟

直播播放协议

优点

缺点

延迟

HLS

浏览器兼容性较高。

延迟较高。

>10s

FLV

支持高并发场景,更适合Native App。

浏览器需要集成阿里云播放器SDK才能播放。

1s~3s

RTS

抗弱网能力强,在丢包30%的情况下可以流畅播放。

浏览器需要集成阿里云播放器SDK才能播放。

<1s

DASH

自适应比特率。

延迟较高。

>10s

浏览器适配说明

桌面端浏览器适配

重要

桌面端浏览器播放FLV、HLS视频时需启用跨域访问

浏览器

MP4

FLV

HLS

MP3

浏览器

MP4

FLV

HLS

MP3

Chrome

34及以上版本

34及以上版本

Firefox

49及以上版本

49及以上版本

IE

IE 9及以上版本

  • 点播视频:Windows 8.1及以上、IE 11及以上版本

  • 直播视频:Windows 8.1及以上、IE 11以上版本

重要

由于flv.jsIE 11浏览器下的mseLiveFlvPlayback属性为false,FLV的直播流在Windows 8及以上系统的IE 11浏览器下无法播放。

Windows 8.1及以上、IE 11及以上版本

IE 9及以上版本

Edge

Opera

Safari

8及以上版本

8及以上版本

移动端浏览器适配

说明

Web播放器在移动端不支持播放FLV视频。

表 1. AndroidH5浏览器适配

浏览器

HLS

MP4

MP3

FLV

Chrome

34及以上版本

×

Firefox

49及以上版本

微信

Edge

Opera

表 2. iOSH5浏览器适配

浏览器

HLS

MP4

MP3

FLV

Chrome

34及以上版本

×

Firefox

49及以上版本

微信

Edge

Opera

Safari

8及以上版本

功能适配说明

功能

桌面端

移动端

如何设置

功能

桌面端

移动端

如何设置

全屏播放

默认非全屏播放。

视频默认全屏播放,针对不同的情况需要不同的设置。

说明
  • iOS 10以下版本的Safari浏览器无法禁止视频自动全屏播放。

  • 非全屏播放时,需要根据视频转码的分辨率比例调整视频大小,否则可能会产生黑边。

全屏设置

自动播放

限制来源于浏览器自身而不是Web播放器SDK。

  • macOS High Sierra Safari 11及以上版本限制自动播放。

  • Chrome 55及以上版本限制自动播放。

默认禁止。开启需要特殊设置。

说明

不排除部分浏览器和WebView允许自动播放,Android系统中较为常见。

自动播放

音量调节

支持

由于video.volumeiOS 和一些Android系统中是可读属性,阿里云Web播放器提供的音量调节方法getVolumesetVolumeiOS系统和部分Android系统会失效。

音量调节

倍速播放

支持

部分移动端浏览器不支持设置倍速,比如Android系统的微信浏览器。

倍速播放

HLS标准加密视频播放

  • Chrome

  • FireFox

  • Safari

  • Edge

  • IE(仅支持在Windows 8.1及以上系统的IE 11及以上版本的IE浏览器)

支持

播放HLS标准加密视频-Web

阿里云私有HLS加密

说明

出于安全考虑,阿里云私有加密不支持用真实的加密视频调试。

  • Chrome

  • FireFox

  • Safari

  • Edge

  • IE(仅支持在Windows 8.1及以上系统的IE 11及以上版本的IE浏览器)

说明

部分第三方浏览器会强制劫持播放器,使得阿里云私有加密失效,进而导致无法播放。此时建议采用HLS标准加密或DRM加密方案。

  • 支持 iOS 14 以上浏览器。

    说明

    开启 iOS 17.1 以下支持需要您自行部署额外的播放器插件脚本,请参考:IOS 17.1以下私有加密插件部署说明

  • 支持 Android 平台大部分浏览器

    说明

    由于部分浏览器会对视频播放进行劫持,已知以下浏览器不支持阿里云私有加密播放:UC、夸克、百度,以及 iOS 17.1 以下的微信、钉钉和QQ浏览器,您可以引导用户至其它浏览器播放。

播放私有加密视频-Web

视频直播DRM加密视频播放

Windows系统

  • Chrome

  • Opera

  • FireFox

  • Edge

macOS系统

  • Chrome

  • Safari

  • FireFox

  • Opera

  • Edge

iOS平台

  • Chrome

  • Safari

Android平台

  • Android 10及以上的Chrome

  • Edge

播放DRM加密视频-Web

点播DRM加密视频播放

Windows系统

  • Chrome

  • Opera

  • FireFox

  • Edge

macOS系统

  • Chrome

  • Safari

  • FireFox

  • Opera

  • Edge

iOS平台

  • Chrome

  • Safari

Android平台

  • Android 10及以上的Chrome

  • Edge

  • 本页导读 (1)
  • 概述
  • License升级说明
  • 协议支持
  • 点播场景
  • 直播场景
  • 浏览器适配说明
  • 桌面端浏览器适配
  • 移动端浏览器适配
  • 功能适配说明
AI助理

点击开启售前

在线咨询服务

你好,我是AI助理

可以解答问题、推荐解决方案等