美文网首页
视频播放跨域和Range回源问题

视频播放跨域和Range回源问题

作者: akka9 | 来源:发表于2019-03-15 16:32 被阅读0次

    问题:

    1. 报错:Refused to get unsafe header Content-Length
    2. Range访问,回源流量很大。
    3. Chrome 可以正常跨域,其他浏览器不行。

    原因:

    1. 需要设置 HTTP头,见下文。
    2. CDN配置支持 Range 后, 回源流量会大幅降低。(阿里云和腾讯云CDN都支持)
    3. Access-Control-Expose-Headers 目前只有 Chrome支持通配符,其他的都不支持。

    解决:
    CDN设置HTTP头:

    Access-Control-Allow-Headers: Accept-Ranges, Content-Encoding, Content-Length, Content-Range, Range
    Access-Control-Expose-Headers: Accept-Ranges, Content-Encoding, Content-Length, Content-Range, Range
    

    CDN设置 Range回源: 开启

    对象存储设置:

    来源: *.domain.com
    允许 Methods: GET HEAD
    允许 Headers: *
    暴露 Headers: 
    Accept-Ranges
    Content-Encoding
    Content-Length
    Content-Range
    Range
    缓存时间: 864000
    

    相关文章

      网友评论

          本文标题:视频播放跨域和Range回源问题

          本文链接:https://www.haomeiwen.com/subject/vwlrmqtx.html