全部产品
云市场

关于跨域访问配置说明

更新时间:2019-08-28 09:52:09

H5播放flv、m3u8视频的跨域配置

当出现下面错误时,需要启用播放域名允许跨域访问,

No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:9030‘ is therefore not allowed access.

添加允许跨域访问的header,值为播放视频网站的域名,比如网站为https://www.aliyun.com/, 那么值就为https://www.aliyun.com/

CDN设置跨域访问

Http访问控制CORS的详解

设置跨域访问

如果ts分片地址的域名和m3u8的地址的域名不一样,那么ts分片地址的域名也需要添加允许跨域访问的header

Flash播放器的跨域配置

当出现下面的错误是,基本上就是跨域的问题。

错误

域名备案和cname绑定

第一步还是要确定一下,域名是不是已经备案和在阿里云进行cname的绑定。

参考阿里云文档

添加crossdomain.xml访问策略文件

需要添加crossdomain.xml文件到视频地址域名的根目录下, 如果数据是存储在阿里云的OSS上面, 在bucket的根目录下放置这个问题,另外如果使用的是阿里云点播服务,在开通服务时,点播会自动帮助你添加跨域文件。

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <cross-domain-policy>
  3. <allow-access-from domain="*"/>
  4. <allow-http-request-headers-from domain="*" headers="*" secure="false"/>
  5. </cross-domain-policy>

封面图片添加crossdomain.xml访问策略文件

如果封面图片的地址与视频的地址不是同一个域名,那封面图片所使用的域名也需要配置访问策略文件, 具体参考上面的说明。

播放OSS存储视频的跨域设置

从播放器直接访问OSS需要开通Bucket的CORS设置

将allowed origins设置成 将allowed methods设置成 PUT, GET, POST, DELETE, HEAD将allowed headers设置成 将expose headers设置成 ETag

注意:请将该条CORS规则设置成所有CORS规则的第一条。

tup