小编Guh*_*uhh的帖子

我正在尝试用HLS JS获取我的视频,我收到了以下错误:

XMLHttpRequest cannot load http://example.com/video.ts. Request header field Range is not allowed by Access-Control-Allow-Headers in preflight response.

我正在使用Apache配置:

Header set Access-Control-Allow-Origin "*"
    Header set Access-Control-Allow-Methods "OPTIONS, HEAD, GET, POST, PUT, DELETE"
    Header set Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept, Key, Content-Length, Authorization"


    AddType video/webm            .webm
    AddType video/mp4             .mp4
    AddType video/ogg             .ogv
    AddType application/x-mpegurl .m3u8

    # hls transport stream segments:
    AddType video/mp2t            .ts
    # subtitle text tracks:
    AddType text/vtt              .vtt

我google了一点,我想知道我应该删除/添加什么标题？

谢谢

我有一个简单的代码：

<div id="dk" style="background-image: url('d.jpg');"></div>

我想监视此div加载，如果加载成功，则执行某些操作，如果加载时间超过5秒钟，则执行其他操作。

我正在尝试做：

document.getElementById('dk').addEventListener('loadeddata', function () {
        //do something
    }, false);

但是我相信它仅适用于视频和áudios。否则，它将在完成时获得。