2014-12-11 3 views
1

В настоящее время я представляю список элементов видео HTML5.Перекрестный браузер HTML5 Предварительная загрузка только плаката

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

Я хотел был бы захватить рамку 1 и показать ее как плакат. У меня нет доступа к альтернативным плакатам для каждого видео.

Я смотрю на атрибуте натяга со значением «метаданных» для видеоэлемента здесь:

http://www.w3schools.com/tags/att_video_preload.asp

Это выглядит, чтобы иметь ограниченную поддержку браузера.

Использование preload = 'metadata' работает в firefox и chrome и показывает кадр 1 как плакат.

Использование preload = 'metadata' отключает предварительную загрузку в сафари, но отключает плакат.

Я не смог протестировать в IE.

Как показать кадр 1 видео HTML5 в качестве плаката в сафари без предварительной загрузки большого фрагмента данных.

<video controls preload='metadata'> 
    <source src="{{video.url | trusted}}" type="video/mp4"> 
    Your browser does not support the video tag. 
</video> 

ответ

1

Версия v42 и выше теперь, похоже, уважают это. Ура!
(текущая бета-версия как вчера - так пока не имеется)

Вы можете увидеть теперь частичное содержание запроса 206 и 66KB загруженного (мое видео 600KB +)

enter image description here

Однако : ОЧЕНЬ ВАЖНО

Если вы не знали, Chrome может одновременно иметь только 6 одновременных подключений на одном сервере.

В настоящее время в v42 + v43 у них есть ужасная ошибка, которая означает, что после загрузки метаданных этот файл не будет возвращен обратно в «пул» для доступных подключений. Так что если вы загружаете 6 или более видео 7-го блока и не загружаетесь.

Я сообщил об этом как об ошибке https://code.google.com/p/chromium/issues/detail?id=468930

Это не может быть для всех видео, но у меня есть 10 коротких видео MP4, закодированные с помощью Adobe Media Encoder, и они застревают.

Если у вас есть сомнения или возникли проблемы, у вас нет выбора, кроме как установить preload='auto'. Надеюсь, эта ошибка никогда не превратится в дикую природу.

+0

Поскольку вы (операторы) звучат так, будто у вас много видео на странице, мне было бы интересно услышать, если у вас есть такая же проблема. попробуйте установить Chrome Canary, который обнаруживает эту проблему и испытывает с preload = 'metadata' –

Смежные вопросы