динамическое изображение фона html5 видео

Question

Я использую видео-тег HTML5. Но перед воспроизведением видео он показывает первую секунду видео в качестве изображения; однако, это изображение является сплошным черным для моего случая; поэтому я хотел бы знать, могу ли я иметь изображение по умолчанию (до нажатия кнопки воспроизведения) где-то из середины видео, не используя статический плакат для всех видеороликов. Мне нравится иметь изображения, которые будут частью этого видео, я имею в виду динамическое изображение в качестве фона. Любые предложения мне очень помогут. !!

Answer 1

Вам необходимо сгенерировать миниатюры для ваших видеороликов и использовать уменьшенные изображения, используя атрибут poster тега видео HTML5.

<video width="320" height="240" poster="/images/w3html5.gif" controls> 
    <source src="movie.mp4" type="video/mp4"> 
    <source src="movie.ogg" type="video/ogg"> 
    Your browser does not support the video tag. 
</video> 

Вы можете использовать ffmpeg для создания миниатюр на любой шкале от видео.

Answer 2

Вы можете использовать этот плакат тег

<video width="320" height="240" poster="/images/w3html5.gif" controls> 
    <source src="movie.mp4" type="video/mp4"> 
    <source src="movie.ogg" type="video/ogg"> 
    Your browser does not support the video tag. 
</video> 

Чтобы создать свой собственный вывод изображения :) Ну Держите его надежды я ответил вам, как вы хотите. Все лучшее. :)