测试代码如下:

    <!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="https://g.alicdn.com/de/prismplayer/2.8.1/skins/default/aliplayer-min.css" />
            <script charset="utf-8" type="text/javascript" src="https://g.alicdn.com/de/prismplayer/2.8.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: true, //自动播放
                //播放方式一:支持播放地址播放,此播放优先级最高
                //source : '  方式一:添加需要点播视频的url   ',
                //播放方式二:点播用户推荐
                encryptType: '1',//获取播放凭证播放
                vid : '    需要继续点播视频ID   ',
                playauth : '  写入需要点播视频的凭证,获取凭证的方法请参照阿里云SDK手册   ',
                cover: 'http://liveroom-img.oss-cn-qingdao.aliyuncs.com/logo.png',        //默认的封面照片    
                //播放方式三:仅MPS用户使用 ,该方法一般不常用
                // vid : '1e067a2831b641db90d570b6480fbc40',
                // accId: 'dd',
                // accSecret: 'dd',
                // stsToken: 'dd',
                // domainRegion: 'dd',
                // authInfo: 'dd',
                //播放方式四:使用STS方式播放 ,该方法一般不常用
                // vid : '1e067a2831b641db90d570b6480fbc40',
                // accessKeyId: 'dd',
                // securityToken: 'dd',
                // accessKeySecret: 'dd',
                //  region:'cn-shanghai',//eu-central-1,ap-southeast-1
                },function(player){
                    console.log('播放器创建好了。')
               });
            </script>
        </body>
    </html>

出现问题:

根据错误信息可推断出现跨域问题
先进行一些排查:
       确定点播视频id存在且正确;确定视频点播凭证在有效期内;
检查完毕后如果,以上参数全部正确无误;
可对阿里云中对域名进行一些配置,解决出现跨域问题:

 
操作步骤

    登录CDN控制台,单击域名管理。
    选择需要配置cors功能的域名,单击管理。
    单击缓存配置 > HTTP头,单击添加。
    配置参数,选择Access-Control-Allow-Origin参数。

    说明 参数Access-Control-Allow-Origin的取值不支持多个域名。
    配置参数,选择Access-Control-Allow-Methods参数。

注意事项

    目前不支持泛域名添加,如*.12345.com,仅支持域名精确匹配。

    目前仅支持配置一条白名单域名。

    若使用OSS产品作为源站,OSS与CDN平台同时配置Cors,CDN的配置将覆盖OSS。

    若源站为自己的服务器或ECS产品,建议先进行动静分离,静态文件使用CDN加速,CDN控制台配置的Cors功能,仅对静态文件生效。

posted on 2020-03-12 09:45  微笑点燃希望  阅读(259)  评论(0编辑  收藏  举报
font=white