HTML5 Video标签切换src导致视频格式错误

Question

我在我的网页上使用了一个 HTML5 视频标签，该标签在最初加载页面时会加载 .ogg 和 .webm 格式的视频。但是，当我尝试将 src 切换到另一个视频时，我在加载页面时也测试过（并且可以工作），我在 Firefox 中收到“不支持视频格式或 MIME 类型”错误。 Chrome 只是不显示任何内容。

这是视频的html：

<video width="320" id="player" height="240" src="~/Videos/video.webm" controls></video>

这里是更改src的javascript：

hub.client.displayVideo = function (video) 
{
    var player = $('#player').get(0);
    // Change the video to be displayed
    if (player.canPlayType('video/webm'))
    {
        player.src = video + ".webm";
    }
}

我看到的每个更改视频标签的 src 的示例都与此非常相似，当我检查视频元素时，我可以看到 src 属性已正确更改。显然 Firefox 支持该格式，因为它最初可以正确播放，所以我错过了什么？

Answer 1

尝试暂停、切换 src、加载和播放（不确定这些步骤中的每一个是否都是必要的）。

hub.client.displayVideo = function (video) 
{
    var player = $('#player').get(0);

    // Change the video to be displayed
    if (player.canPlayType('video/webm'))
    {
        player.pause()
        player.src = video + ".webm";
        player.load()
        player.play()
    }

}