Не работает preloader в html5, так должно быть?

Question

[Карен Григорян]

Всем привет.
Использую на сайте вот такой код:

<video id="video" class="video-js vjs-default-skin" preload="auto" loop autoplay>
<source src="/assets/video/fw1516.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="/assets/video/fw1516.ogv" type='video/ogg; codecs="theora, vorbis"'>
            Your browser does not support the video tag.
</video>

Визуально при открытии страницы я вижу черный квадрат, лишь спустя секунд 40-60 (зависит от скорости интернета) начинает воспроизводится видео (размер около 50мб). В firebug'e вижу такую картинку: все компоненты сайта загружены и идет ожидание загрузки видео, причем пока видео полностью не загрузится, оно не станет проигрываться.

При повторной загрузке сайта все ок, потому что уже видео в кэше.

Что делать?

Answer 1

[Денис Инешин]

preload="auto"

причина в этом. Смотрите варианты: https://developer.mozilla.org/en-US/docs/Web/HTML/... - описание preload. Попробуйте с "none" для начала.

Comments

[Карен Григорян]

И так и так пробовал. Не работает.

[Денис Инешин]

Карен Григорян: значит ваше видео/сервер не поддерживают потоковую загрузку. Загуглите этот вопрос

[Карен Григорян]

Денис Инешин: А как может видео не поддерживать потоковую загрузку? А по поводу сервера, у меня hetzner, вы не в курсе поддерживает или нет?

[Денис Инешин]

Карен Григорян: не все форматы видео умеют. Про сервер не подскажу.

Answer 2

[Карен Григорян]

Залил html и видео на другой сервер, там все ок. В фаербаге видно, что файл еще не скачался и уже видео проигрывается.

Видимо дело в сервере.
Mime type'ы я прописал в htaccess файле, который находится в той же папке что и видео. Не знаю что еще можно поделать с сервером.

Кстати использую хостинг на hetzner. Ни у кого такого не наблюдалось?