阿里云视频点播测试问题解决 (获取播放地址播放)

第一次使用阿里云视频点播:按照阿里云SDK开发手册进行测试:播放方式二:使用用户点播方式

    测试代码如下:

<!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存在且正确;确定视频点播凭证在有效期内;
检查完毕后如果,以上参数全部正确无误;
可对阿里云中对域名进行一些配置,解决出现跨域问题:

 

操作步骤

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

    说明 参数Access-Control-Allow-Origin的取值不支持多个域名。

  5. 配置参数,选择Access-Control-Allow-Methods参数。

注意事项

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

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

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

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

 

参考文档

阿里云开发文档:https://help.aliyun.com/knowledge_detail/40183.html?spm=a2c4g.11186623.4.1.b9b036f9na7D3z

 

------------------------------------------------------------------------------------------------------------------------------

                      以上为本人亲测,解决方法真是有效 ;编写过程中如有错误请大佬指点一二

 

 

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值