web播放器Aliplayer

时间:2018-06-09 17:57:37 类型:JS/JQUERY
字号:    

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