阿里云Web播放器 不死鸟 • July 15, 2018 • 每日必看 DEMO阿里云Web播放器,支持Flash和Html5,适合网站点播或直播。更多详情:阿里云Web播放器SDKFlash 模式:视频格式:mp4、flv、m3u8、rtmp视频编码:H.264音频编码:AAC、MP3音频格式:MP3HTML5 模式:视频格式: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> Archives QR Code Tip