Я использую атрибут 'плаката' на видео теге и способе, которым это, кажется, работает, по крайней мере, в браузерах WebKit, то, что он загружает изображение плаката и затем после того как достаточно видео загрузилось, он заменяет тот плакат автоматически сгенерированным плакатом из самого видеофайла.
Однако мои изображения плаката не соответствуют автоматически сгенерированным плакатам, который приводит к странному опыту одной загрузки изображения, затем заменяемой за несколько секунд автоматически сгенерированным изображением. Там какой-либо путь состоит в том, чтобы препятствовать тому, чтобы автоматически сгенерированное изображение использовалось?
Нам удалось обойти это в JW Player для HTML5. Самый простой способ заключается в следующем:
Это будет работать нормально, но это все равно означает, что у вас будут проблемы при воспроизведении, так как изображение плаката, которое появляется снова, не будет таким же, как оригинал, если только вы не сделаете еще какую-нибудь JS-магию.
Также стоит отметить, что в мобильном Safari вы не можете поместить что-либо поверх тега
Надеюсь, это поможет!
Best,
Zach
Developer, LongTail Video
Единственный вариант - убедиться, что первый кадр вашего видео совпадает с постером, или не использовать его вообще.
«Когда элемент видео приостановлен и текущая позиция воспроизведения является первым кадром видео, элемент представляет либо кадр видео, соответствующий текущей позиции воспроизведения, либо кадр плаката, по усмотрению пользовательского агента». - http://www.w3.org/TR/html5/video.html#attr-video-poster
Именно таким образом браузеры webkit решили реализовать спецификацию (как указано выше). Я согласен с вами, что это не очень интуитивно, и сам бы тоже предпочел, чтобы изображение плаката отображалось до тех пор, пока пользователь не нажмет кнопку воспроизведения. Я предлагаю вам отправить в webkit отчет об ошибке (или запрос функции) для этого https://bugs.webkit.org/ .