导航

阿里云Web播放器

• July 15, 2018 • Read: 3738 • 每日必看

DEMO


阿里云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>

 
Tags: 分享
查看所有文章 QR Code Tip
QR Code for this page
Tipping QR Code
Leave a Comment

已有 1 条评论
  1. wc

    站长,你的个人分享站做的不错,很喜欢。谢谢~

0:00