Как заставить видео проигрыватель HTML5 отображать превью на сафари или iOS?

Question

Если я встраиваю видеопроигрыватель HTML5 на свой сайт, он не показывает предварительный просмотр в Safari.

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

Это примерно код, который я использую для рендерингаигрок.

<video width="320" height="240" controls>
    <source src="some.url">
</video>

Я ожидал увидеть видеоплеер со значком воспроизведения и предпросмотром изображения из видео в фоновом режиме.

Вместо этого я вижу чистый белый фон с помощью только кнопки воспроизведения.

Редактировать: В идеале я мог бы сделать это без атрибута poster, так как я хочу избежать дополнительной обработки длявидео для извлечения изображения + необходимость хранить и передавать изображение.

Answer 1

Вам нужно добавить некоторые дополнительные атрибуты к вашему тегу video.

<video controls poster="Here is the poster image what you want">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>