阿里云视频播放制作

阿里云视频web播放器      https://help.aliyun.com/document_detail/51991.html?spm=a2c4g.11186623.6.716.bJ5G6n

阿里云视频web播放器接口说明属性     https://help.aliyun.com/document_detail/62941.html?spm=a2c4g.11186623.6.717.i1zmQy

阿里云视频web播放获取播放凭证(PHP版本)    https://help.aliyun.com/document_detail/52879.html?spm=a2c4g.11186623.6.721.uiftI8

 

<!DOCTYPE html>
<html>
    <head>
     <meta charset="UTF-8">
     <meta name="viewport"   content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
     <title>用户测试用例</title>
     <link rel="stylesheet" href="//g.alicdn.com/de/prismplayer/2.6.0/skins/default/aliplayer-min.css" />
     <script type="text/javascript" src="//g.alicdn.com/de/prismplayer/2.6.0/aliplayer-min.js"></script>
    </head>
    <body>
        <div  class="prism-player" id="J_prismPlayer" style="position: absolute"></div>
        <script>
            var player = new Aliplayer({
            id: 'J_prismPlayer',
            width: '100%',
            autoplay: false,
            //支持播放地址播放,此播放优先级最高
            source : '播放url',
            //播放方式二：点播用户推荐
            vid : '1e067a2831b641db90d570b6480fbc40',
            playauth : '',
            cover: 'http://liveroom-img.oss-cn-qingdao.aliyuncs.com/logo.png',            
            //播放方式三：仅MPS用户使用
            vid : '1e067a2831b641db90d570b6480fbc40',
            accId: '',
            accSecret: '',
            stsToken: '',
            domainRegion: '',
            authInfo: '',
            //播放方式四：使用STS方式播放
            vid : '1e067a2831b641db90d570b6480fbc40',
            accessKeyId: '',
            securityToken: '',
            accessKeySecret: ''
            },function(player){
                console.log('播放器创建好了。')
           });
        </script>
    </body>
</html>

 

posted @ 2018-05-07 10:45  chenguiya  阅读(502)  评论(0)    收藏  举报