Почему лагает видео на сайте?

Question

[- -]

Суть такова. Есть сайт, на главной странице которого есть видео. Пользователи жалуются на то, что видео идёт рывками. После уменьшения размера видео до 720p и уменьшения качества по максимуму, ситуация никак не изменилась. Компьютеры посетителей видео в браузере просто не тянут. Максимальный размер видео составляет 3 Мб, используется такая конструкция:

<video autoplay="autoplay" controls="controls" poster="video.jpg" style="width:100%" loop="loop" onended="var v=this;setTimeout(function(){v.play()},300)">
    <source src="video.m4v" type="video/mp4" />
    <source src="video.webm" type="video/webm" />
    <source src="video.ogv" type="video/ogg" />
    <source src="video.mp4" />
    <object type="application/x-shockwave-flash" data="video.swf" width="1920" height="1080" style="position:relative;">
        <param name="movie" value="video.swf" />
        <param name="allowFullScreen" value="true" />
        <param name="flashVars" value="autoplay=true&amp;controls=false&amp;fullScreenEnabled=false&amp;posterOnEnd=true&amp;loop=true&amp;poster=video.jpg&amp;src=video.m4v" />
        <embed src="video.swf" width="1920" height="1080" style="position:relative;"  flashVars="autoplay=true&amp;controls=false&amp;fullScreenEnabled=false&amp;posterOnEnd=true&amp;loop=true&amp;poster=video.jpg&amp;src=video.m4v"	allowFullScreen="true" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_en" />
        <img alt="video" src="video.jpg" style="position:absolute;left:0;" width="100%" title="Video playback is not supported by your browser" />
    </object>
</video>

Что можно сделать, чтобы исправить ситуацию?

Answer 1

[Дмитрий Шинкарь]

Много мороки имел в свое время с видео и как показала практика - дублирование source особого толку не дает, все равно начнет читать с mp4 (потому что он первый) и если выдаст какую-то каку, то дальше ничего не произойдет, но это отдельная тема.

Лагать может по разным причинам. Во первых думаю вам стоит отказаться от флеша в пользу html5, но это лично мое мнение.

Во вторых установить какой-нибудь плеер типа такого или вот такого и залить его на сайт, а не подгружать с 3-его ресурса.

И по идее все будет работать =)

Видео советую перегнать в формат webm.

Comments

[- -]

Так Flash здесь только для старых браузеров, а разные форматы для всех устройств. Одним из требований является кроссбраузерность.

[Дмитрий Шинкарь]

Александр Александрович: уже вроде бы все браузеры адекватно (ладно, будет откровенными - заменим адекватно на "нормально", или "терпимо") воспринимают html5... Или вы про IE?)

[Евгений Петров]

Александр Александрович: Страшный код для вставки flash. Все IE, включая IE5, понимают embed. То есть, абсолютно все.

Answer 2

[kn1ght_t]

наверное, им просто кажется, что оно лагает, на самом деле видео отрывками показывается по мере скачивания :)

Comments

[- -]

Очевидно, что до загрузки видео пользователь видит картинку, которая переходит в видео после окончательной загрузки последнего.

Answer 3

[Евгений Петров]

Вы не пробовали запускать проигрывание после наступления события? Например, loadeddata. Есть progress для точного понимания количества загруженного контента.

Comments

[- -]

Спасибо, попробую.

Answer 4

[Павел]

обратил внимание что такая же ситуация творится (может уже исправили) на сайте май хит, но только в опере последней. иногда рывками показывает видео. до сути проблемы не докопался, т.к. в хроме работает отлично, в других браузерах не пробовал. возможно "косяк" лежит на самих плеерах, что мне кажется более реальным