Атрибут HTML5 видео постер в Safari и Chrome

Question

В Firefox изображение, указанное атрибутом poster тега VIDEO, остается на экране до нажатия кнопки воспроизведения.Однако в браузерах Webkit (Safari и Chrome) постер сбрасывается в пользу первого кадра из видео, как только метаданные видео извлекаются.

Я хочу избежать размещения постера поверхвидео элемент вручную, если бы я мог.Кто-нибудь знает, как это исправить?

<video src="some_url" poster="images/poster.jpg">
    <source type="video/ogg" src="some_url" />
</video>

Answer 1

Если вы можете избежать предварительной загрузки видео, вы можете установить preload = "none" для элемента видео.В Safari это приводит к отображению плаката.

Safari на iOS, вероятно, устанавливает preload = "none" в качестве значения по умолчанию для сохранения пропускной способности, в то время как версия для настольного компьютера предварительно загружается, если вы явно не скажете это не делать.

Answer 2

Похоже, что WebKit удаляет атрибут, как только видео добавлено, потому что iOS 3.x для Iphone и Ipad имеет серьезную ошибку, из-за которой невозможно воспроизвести видео вообще, когда указан атрибут poster.Это было исправлено в iOS 4, но обходной путь все еще остается, даже в Safari 5 ... Есть много пользователей, которые еще не обновились до iOS 4, поэтому не повезло с плакатом ...

Я собираюсь расположить изображение абсолютно поверх видео, используя Javascript, и удалить его при воспроизведении видео - это кажется лучшим решением ...