Firefox 在新选项卡而不是 HTML 视频播放器中打开 MP4 文件

Question

我按照本教程制作了一个MP4视频播放器：http://www.lastrose.com/html5-audio-video-playlist/。

它在 Chrome 和 Internet Explorer 中运行良好，但 Firefox 在新选项卡中将每个链接作为 MP4 文件打开。它可以很好地播放播放列表中的第一个视频，但是当单击播放列表中的任何链接时，Firefox 会打开一个新标签，而不是将其发送到播放器。

火狐说：

TypeError: video[0].play 不是函数。

我刚刚将音频变量名称更改为视频：

function init() {
    current = 0;
    video = $('#video');
    playlist = $('#playlist');
    tracks = playlist.find('li a');
    len = tracks.length - 1;
    video.volume = .10;
    video[0].play();
    playlist.find('a').click(function (e) {
        e.preventDefault();
        link = $(this);
        current = link.parent().index();
        run(link, video[0]);
    });
    video[0].addEventListener('ended', function (e) {
        current++;
        if (current == len) {
            current = 0;
            link = playlist.find('a')[0];
        } else {
            link = playlist.find('a')[current];
        }
        run($(link), video[0]);
    });
}

我找到了关于这个的老话题，说 Firefox 只是不能在 HTML 视频播放器中播放 MP4，但我想知道情况是否仍然如此。

Answer 1

您的 Firefox 很可能无法播放 MP4/H.264。你可以在这里查看： http://www.quirksmode.org/html5/tests/video.html

不过，最新版本的 FF (26+) 确实支持 H.264。