Как отключить автоматическое создание изображения постера на теге видео?

Question

Я использую атрибут 'poster' в теге видео, и похоже, что он работает, по крайней мере, в браузерах webkit, так как он загружает изображение плаката, а затем, как только загрузится достаточное количество видео, он заменяет этот плакат автоматически сгенерированный постер из самого видеофайла.

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

Answer 1

Нам удалось обойти это в JW Player для HTML5. Самый простой способ заключается в следующем:

• Если установлено свойство
• Добавьте обработчик кликов в тег

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

Также стоит отметить, что вы ничего не можете поместить поверх тега

• Установите отображение
• Добавьте еще один
  в том же месте, с теми же размерами, что и элемент
• Добавьте обработчик кликов к новому
  . При щелчке нового

  скрыть новый

  и показать тег видео.
• Когда воспроизведение видео завершено, скройте

Надеюсь, это поможет!

Лучший,

Zach

Разработчик, LongTail Video

Answer 2

Именно так браузеры WebKit решили реализовать спецификацию (как указано выше). Я согласен с вами, что это не очень интуитивно понятно, и я бы тоже предпочел держать изображение постера до тех пор, пока пользователь не нажмет кнопку воспроизведения. Я предлагаю вам отправить отчет об ошибке (или запрос функции) в webkit для него https://bugs.webkit.org/.

Answer 3

Единственный вариант - убедиться, что первый кадр вашего видео совпадает с постером, или не использовать его вообще.

"Когда элемент видео поставлен на паузу и текущая позиция воспроизведения является первым кадром видео, этот элемент представляет либо кадр видео, соответствующий текущей позиции воспроизведения, либо кадр постера по усмотрению агента пользователя". - http://www.w3.org/TR/html5/video.html