Похоже, что вы используете только один файл mp4, поэтому я не уверен, поможет ли это, но я смог решить свою проблему, переключив порядок моих исходных файлов. Из того, что я могу сказать, Chrome может воспроизводить видео H.264 (это то, что обычно содержится в оболочке MP4), но он не может воспроизводить файлы MP4. Я предполагаю, что они наконец removed support for MP4, как будто они говорили, что собираются.
Вот что мой код, используемый выглядеть следующим образом:
<video width="640" height="360" controls>
<source src="http://example.com/video.mp4" type="video/mp4" />
<source src="http://example.com/video.webm" type="video/webm" />
<source src="http://example.com/video.ogv" type="video/ogg" />
</video>
Из моего понимания, когда браузер пытается вынести тег видео HTML5, он должен пропускать любые исходные теги, которые он не может играть, и попытаться воспроизвести первый, что он может. По какой-то причине Chrome в настоящее время не делает этого. Он все равно пытается играть в MP4 и терпеть неудачу.
Даже видео на странице «Video for Everyone» сейчас не работает.
Мое решение было переключить порядок тегов источника, так что WebM видео было до mp4 видео:
<video width="640" height="360" controls>
<source src="http://example.com/video.webm" type="video/webm" />
<source src="http://example.com/video.mp4" type="video/mp4" />
<source src="http://example.com/video.ogv" type="video/ogg" />
</video>
До сих пор это устранило проблему. Chrome теперь воспроизводит файл webm без проблем, и все остальные браузеры, которые я тестировал, все еще работают нормально.
Единственная возможная проблема, которую мне все еще нужно протестировать, - это то, что я читал, что у iPad была ошибка, требующая, чтобы источник MP4 был указан первым. Я работаю над тем, чтобы получить доступ к iPad, чтобы понять, все ли это проблема.
На данный момент это решение устранило мою проблему.
Надеюсь, что это поможет!
Какой браузер, ОС и т. Д. Вы тестируете? – nathancahill
Я использую новейшую версию Chrome в качестве браузера. И Windows 8 Pro как ОС. Веб-сайт работает на локальном сервере Wamp. – AwesomeGuy