Отзывчивое видео на всю страницу, которое может запрашивать дополнительные отредактированные версии для разных устройств - PullRequest
Новая
       33

Отзывчивое видео на всю страницу, которое может запрашивать дополнительные отредактированные версии для разных устройств

1 голос
/ 25 июня 2019

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

Я понимаю, что элемент video не принимает srcset и уже выполнил поиск по всему миру.Кто-нибудь знает решение?

Я делаю это с помощью подхода, ориентированного на мобильную разработку, и для этой конкретной работы с видео я хотел бы иметь точки останова в 768px, 1200px и 1600px

Большое спасибо 

#myVideo    {
            z-index: -1;
              position: fixed;
              right: 0;
              bottom: 0;
              min-width: 100%; 
              min-height: 100%;
}
<video playsinline muted controls id="myVideo"
               src="video/COMP27home_loop_432x768.mp4" poster="images/home_loop_432x768_Moment.jpg">
          Your browser does not support HTML5 video.
            
        </video>

1 Ответ

0 голосов
/ 26 июня 2019

Вы должны прочитать документацию о видео теге.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video

, прочитав документацию, вы найдете их решение с помощью нативных вещей.Вам не нужно определять собственный стиль или что-либо еще.

...