Aliplayer是一套在线视频播放技术方案,同时支持Flash和Html5两种播放技术,可对播放器进行功能配置和皮肤定制。对我们WEB开发人员来说, 如果需要在线播放视频, 是一个不错的选择
效果图如下:
<!-- 阿里云播放器CSS,JS加载 -->
<link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.3.0/skins/default/aliplayer-min.css" />
<script type="text/javascript" src="https://g.alicdn.com/de/prismplayer/2.3.0/aliplayer-min.js"></script>
<div id="J_prismPlayer" class="prism-player"></div> <!-- prism-player为h5播放器皮肤的钩子类名,请务必加上 --> <!-- <button id="J_clickToPlay" type="button">播放</button> --> <script> // 初始化播放器 var player = new Aliplayer({ id: "J_prismPlayer", // 容器id source: "__PUBLIC__images/tianqing.mp4",// 视频地址 cover:"__PUBLIC__images/cover.png", autoplay: false, //自动播放:否 rePlay:true, //{Boolean},播放器自动循环播放 width: "261px", // 播放器宽度 或者 如: 500px height: "211px", // 播放器高度 // showBuffer,{Boolean},显示播放时缓冲图标,默认true // useH5Prism,{Boolean},指定使用H5播放器 //useFlashPrism,{Boolean},指定使用Flash播放器 },function(player){ //console.log('播放器创建好了。') });
来源:https://help.aliyun.com/document_detail/43549.html?spm=5176.video44236.6.128.tLFTj1