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()
    }

}

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

1 个答案: