Как показать миниатюру видео на мобильном телефоне при использовании тега видео html5 - PullRequest
Новая
       8

Как показать миниатюру видео на мобильном телефоне при использовании тега видео html5

0 голосов
/ 08 октября 2019

Мне нужно увидеть миниатюру моего видео на мобильном телефоне. Пока все, что я нашел, не сработало. Вот код, который у меня сейчас есть: 

<video class="some_class" controls>
    <source src="some/url/path.mp4" alt="some alt text" >
</video>

Я пытался добавить preload="metadata" и мой кадр к моему источнику видео #t=0.5, но эти вещи не работали.

Невозможно использовать плакат, потому что я не знаю, какое изображение клиент хочет использовать для определенного видео.

Проблема связана с определенными мобильными функциями из-за того, что эскизы работают на всехдругие браузеры, кроме мобильных.

1 Ответ

1 голос
/ 08 октября 2019

Попробуйте добавить видео также в следующем формате.

  • webm (vp8 / vorbis)
  • mp4 (h264 / aac)

ItПохоже, что Chrome Mobile предпочитает webm, если он может его получить.

Safari (и, вероятно, iOS) не будет воспроизводить видео, если не обслуживается сервером, поддерживающим байтовые диапазоны. Например, Apache, nginx и Amazon S3 поддерживают их, но многие меньшие веб-серверы (например, серверы WSGI) этого не делают.

Если браузер может обнаружить видео, должен отобразиться эскиз.

Вы можете попробовать этот плагин Необычное приложение .

Этот плагин поможет решить проблемы совместимости браузера и устройства.

...