HTML5 видео тег с Internet Explorer и Firefox - PullRequest
Новая
       23

HTML5 видео тег с Internet Explorer и Firefox

2 голосов
/ 29 декабря 2011

Я занимаюсь разработкой веб-сайта, на котором будет размещено видео на первой странице. Для этого мне сказали использовать видео плеер html5. Итак, я создал небольшой HTML-файл, чтобы проверить, работает ли видео-тег. Код ниже, 

<!DOCTYPE html>
<html>
<head>
</head>    
<body>
<video width="320" height="240" controls="controls">
  <source src="FrontPageVideo.mp4" type="video/mp4" />
  <source src="FrontPageVideo.webm" type="video/webm" />
  Can't play Video. Upgrade your brower
</video>     
</body>
</html>

Это нормально работает с Chrome, Firefox и Internet Explorer 9. Итак, я решил использовать код в своем представлении бритвы .NET MVC3. Фрагмент кода, как, 

<div>
    <video width="295" height="210" controls="controls">
        <source src="@(Url.Content("~/Media/FrontPageVideo.webm"))" type="video/webm" />
        <source src="@(Url.Content("~/Media/FrontPageVideo.mp4"))" type="video/mp4" />
            Can't Play Video. Upgrade your browser.
    </video>
</div>

Но я не знаю, почему этот код работает только с Chrome. Firefox и IE9 показывают черную часть страницы со знаком креста.

Нужна помощь здесь.

1 Ответ

0 голосов
/ 22 февраля 2013

Я не могу оставлять комментарии, но похоже, но я рекомендую проверить, в каком режиме документа загружается ваша вторая страница в IE (не уверен насчет Firefox, возможно, проблема та же). Похоже, что страница может загружаться в одном из старых режимов, поскольку на нем нет HTML-токена DOCTYPE, как в первом примере.

...