HTML5 Переключение видео тегов src вызывает ошибку формата видео

Question

Я использую тег HTML5 на моей веб-странице, который загружает видео с форматами .ogg и .webm, когда страница изначально загружена. Однако, когда я пытаюсь переключить src на другое видео, которое я также тестировал (и работает), когда страница загружена, я получаю сообщение об ошибке «Формат видео или MIME-тип не поддерживается» в Firefox. Chrome просто ничего не показывает.

Вот HTML для видео:

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

Вот Javascript, чтобы изменить SRC:

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 изменился правильно, когда я проверяю элемент видео. Очевидно, 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() 
    } 

}