测试代码如下:
<!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功能,仅对静态文件生效。