阿里云Web播放器

DEMO

SpeedNormal
Subtitle/CC
Audio Track
Quality

00:00 / 00:00

OK Cancel

阿里云 Web 播放器，支持 Flash 和 Html5，适合网站点播或直播。更多详情：阿里云 Web 播放器 SDK

Flash 模式：

视频格式：mp4、flv、m3u8、rtmp
视频编码：H.264
音频编码：AAC、MP3
音频格式：MP3

HTML5 模式：

视频格式：mp4、m3u8、flv
视频编码：H.264
音频编码：AAC
音频格式：mp3

如何导入

不依赖于任何的前端 js 库，只需要在页面中引用如下 js 文件，就可以进行播放器的初始化，如果出现文本乱码，可以添加 script 引用标签添加 charset 属性，值为”utf-8” 比如：charset=”utf-8”：

https://g.alicdn.com/de/prismplayer/2.7.1/aliplayer-min.js

这个文件同时包含了 Flash 和 Html5 跨终端自适应的逻辑。如果您只是想使用其中一种播放技术，也可以只引用对应技术的 js 文件，从而获得更小的文件体积：

Flash 版本：

https://g.alicdn.com/de/prismplayer/2.7.1/aliplayer-flash-min.js

Html5 版本：

https://g.alicdn.com/de/prismplayer/2.7.1/aliplayer-h5-min.js

如果您的使用场景需要用到 html5 播放器，请额外引用 css 文件：

https://g.alicdn.com/de/prismplayer/2.7.1/skins/default/aliplayer-min.css

示例代码如下：

<!DOCTYPE html>
<html>
    <head>
<link rel="stylesheet" href="//g.alicdn.com/de/prismplayer/2.7.1/skins/default/aliplayer-min.css" />
<script charset="utf-8" type="text/javascript" src="//g.alicdn.com/de/prismplayer/2.7.1/aliplayer-min.js"></script>
    </head>
  <body>
  <div class="prism-player" id="J_prismPlayer"></div>

   <script>
        var player = new Aliplayer({
        id: 'J_prismPlayer',
        width: '100%',
        autoplay: false,
        //支持播放地址播放,此播放优先级最高
        source : '播放url',
  </script>
</body>
</html>