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

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

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

1
задан Erik Kallevig 12 July 2010 в 15:18
поделиться

3 ответа

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

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

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

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

  • Установите в CSS
  • Добавьте еще один
    в том же месте, с теми же размерами, что и элемент
  • Добавьте обработчик нажатия на новый
    . Когда новый
    будет щелкнут, скройте новый
    и покажите тег видео.
  • Когда видео завершит воспроизведение, скройте

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

Best,

Zach

Developer, LongTail Video

1
ответ дан 2 September 2019 в 23:42
поделиться

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

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

0
ответ дан 2 September 2019 в 23:42
поделиться

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

1
ответ дан 2 September 2019 в 23:42
поделиться
Другие вопросы по тегам:

Похожие вопросы: