支持m3u8的H5播放器-Aliplayer阿里出品，播放速度还不错
支持清晰度自动选择
目前官网的是2.9，好像没有什么更新，这个代码用的是2.8.2，效果更好
演示地址http://zhanzhang.cnzzla.com/player/
选择AliPlayer播放器（记忆播放+点播视频）
官网地址：https://player.alicdn.com/aliplayer/index.html
功能展示：https://player.alicdn.com/aliplayer/presentation/index.html?type=cover
在线配置：https://player.alicdn.com/aliplayer/setting/setting.html
<link rel="stylesheet" href="/css/player/aliplayer/aliplayer-min.css" />
<script type="text/javascript" charset="utf-8" src="/css/player/aliplayer/aliplayer-min.js"></script>
<script type="text/javascript" charset="utf-8" src="/css/player/aliplayer/aliplayercomponents.min.js"></script>
<link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css" />
<script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/de/prismplayer/2.8.2/aliplayer-min.js"></script>
<script type="text/javascript" charset="utf-8" src="https://player.alicdn.com/aliplayer/presentation/js/aliplayercomponents.min.js"></script>
<div id="aliplay" class="prism-player"></div>
<script type="text/javascript">
var player = new Aliplayer({
id: "video-player",
source: "播放地址",
width: "100%",
height: "100%",
cover: "缩略图",
autoplay: true,
preload: true,
rePlay: false,
playsinline: false,
useH5Prism: false,
isLive: false,
autoPlayDelay: 0,
autoPlayDelayDisplayText: '请等待...',
components: [{
name: 'MemoryPlayComponent',
type: AliPlayerComponent.MemoryPlayComponent,
args: [true]
}],
skinLayout:[
{name: "bigPlayButton",align:"cc",x:0,y:0},
{name:"H5Loading",align:"cc"},
{name:"errorDisplay",align:"tlabs",x:0,y:0},
{name:"infoDisplay"},
{name:"tooltip",align:"blabs",x:0,y:56},
{name:"controlBar",align:"blabs",x:0,y:0,
"children":[
{name:"progress",align:"blabs",x:0,y:44},
{name:"playButton",align:"tl",x:15,y:12},
{name:"timeDisplay",align:"tl",x:10,y:7},
{name:"fullScreenButton",align:"tr",x:10,y:12},
{name:"setting",align:"tr",x:15,y:12},
{name:"volume",align:"tr",x:5,y:10}
]}
]},
function (player) {
console.log("The player is created");
}
);
</script>
版权与免责声明：
凡注明稿件来源的内容均为转载稿或由网友用户注册发布，本网转载出于传递更多信息的目的；如转载稿涉及版权问题，请作者联系我们，同时对于用户评论等信息，本网并不意味着赞同其观点或证实其内容的真实性；
![英雄棋士团(预下载)?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/shouyoupic/yingxiongqishituanyuxiazai.jpg)
![美食小当家?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/shouyoupic/meishixiaodangjia.png)
![2047?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/shouyoupic/2047.jpg)
![荣誉指挥官(预下载)?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/shouyoupic/rongyuzhihuiguanyuxiazai.png)
![繁荣美食市场物语?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/shouyoupic/fanrongmeishishichangwuyu.jpg)
![夸克浏览器 v4.2.1.138 好用的手机浏览器?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/appimg/202007/kuakezuolanqi.jpg)
![移动办公软件 OfficeSuite Premium v10.18.28716 内购解锁版?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/appimg/202007/yidongbangongruanjian.jpg)
![乐秀视频编辑器 VideoShow v8.8.4 内购解锁版?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/appimg/202007/lexiushipinbianjiqi.png)
![X 浏览器 v3.3.9 一款小巧的安卓浏览器?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/appimg/202007/x.jpg)
![安卓密码管理软件 Enpass v6.4.5.368 内购解锁版?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/appimg/202007/anzhuomimaguanliruanjian.jpg)
![差分复制同步 FastCopy-M v3.6.3.51 绿色便携版?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/softimg/FastCopy3.png)
![多标签页拓展 Clover v3.5.2 Build 19809 精简绿色版?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/softimg/Clover.png)
![文件重命名 Advanced Renamer v3.85 Lite 绿色便携版?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/softimg/Advanced_Renamer.png)
![网络防火监控 GlassWire Elite v2.1.166 绿色便携版?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/softimg/GlassWire.png)
![影音播放器 Daum Potplayer v1.7.20538 美化便携版?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/softimg/PotPlayer.png)