javascript - 本地主机上的 HTML5 Javascript/jQuery 视频 MEDIA_ERR_NETWORK

Question

我有一个 Web 应用程序，在使用 Chrome 30.0.1599.101 m 时间歇性地产生错误.

我正在使用 HTML5 <video />标记并控制 src属性使用 javascript .

导致错误的页面有时会在第一个视频或第七个视频上出现错误。没有可预测的模式。

这是 javascript它处理 src :

var playing = false;
var media = $('#video')[0];

function initModule() {
    $.ajax({
        url: recap,
        type:'HEAD',
        error:
        function(){
            screenNotify('Error!', false, "404: Module video content could not be found." + recap, true);
        },
        success:
        function() {
            media.src = recap;
            registerListeners(media);
            media.load();
        }
    });
}

function registerListeners(listen) {
    listen.addEventListener('ended', hide_recap);
    listen.addEventListener('error', mediaError);
}

function mediaError(event) {
    screenNotify('Media Error!', false, "Media failed with code: " + event.currentTarget.error.code, true);
}

function play_recap() {
    if (!playing) {
        playing = true;
        media.play();
    }
}

function hide_recap() {
    if (playing) {
        playing = false;
        media.pause();
        media.currentTime = 0.0;
    }
}

有趣的是，当我调用media.load()时没有抛出任何错误。 ，相反，您需要查看网络请求才能看到 GET实际上产生了 (failed) 的结果.

还有一点要注意，是这个GET状态仅针对驻留在此特定文件夹位置的视频出现:/interactive/vids/recap/ 。该错误不会发生在应用程序内的其他任何地方。

最后，此错误的最后一件奇怪的事情是当应用程序最终尝试播放 play_recap() 中的视频时。 ，大约 1 秒的视频将实际播放，然后 video 上抛出错误。元素。

错误是MEDIA_ERR_NETWORK但是此应用程序本地安装在Tomcat上服务器并在 localhost 下运行.

那么为什么是 GET请求制作(failed)和 HTML5 <video>产生 MEDIA_ERR_NETWORK 的元素当一切都只在 localhost 上运行时？

Answer 1

我注意到 Chrome 31 也存在非常类似的问题。我的MEDIA_ERR_NETWORK不一致，所有其他经过测试的浏览器都工作正常。

除了重试之外，我没有找到任何其他解决方案 - 您可以尝试重新创建 video 元素或仅更改 currentTime - 它对我的情况总是有帮助。