Если скорость интернет-соединения высокая, загрузите это видео, иначе покажите эту картинку

Question

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

пример видео

<video>
   <source src="https://quirksmode.org/html5/videos/big_buck_bunny.mp4" type="video/mp4">
</video>

В случае плохого интернет-соединения или более медленной скорости интернета

<img src="thisimg.jpg" data-alt="thisimg">

это возможно?

Answer 1

Возможно, вы ищете атрибут poster видеоэлемента.Ссылка: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#attr-poster

Плакат: URL-адрес изображения, которое будет отображаться во время загрузки видео.Если этот атрибут не указан, ничего не отображается до тех пор, пока не будет доступен первый кадр, а затем первый кадр отображается как рамка для постера.