84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
웹페이지에서 배경 동영상을 실행할 계획인데 모바일과 데스크톱용 동영상 파일이 다릅니다. 나는
<동영상 자동재생 루프 음소거된 재생인라인>
미디어 쿼리에 대한 솔루션을 본 적이 있지만 제가 아는 한 그것은 사양을 벗어나며 iOS/Safari에서 지원되지 않습니다.
미디어 쿼리를 사용하면 해당 정의에 따라 src 또는 기타 콘텐츠를 사용할 수 있습니다. CSS-Tricks에 대한 이 기사를 확인하세요:https://css-tricks.com/video-source-by-screen-size/그러나 이 기능은 모든 브라우저에서 안정적인 기능이 아닌 것 같습니다.
기사에서 언급했듯이 또 다른 방법은 JavaScript를 사용하여 뷰포트 크기에 따라 비디오의 src를 변경하는 것입니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
미디어 쿼리를 사용하면 해당 정의에 따라 src 또는 기타 콘텐츠를 사용할 수 있습니다. CSS-Tricks에 대한 이 기사를 확인하세요:https://css-tricks.com/video-source-by-screen-size/그러나 이 기능은 모든 브라우저에서 안정적인 기능이 아닌 것 같습니다.
으아악기사에서 언급했듯이 또 다른 방법은 JavaScript를 사용하여 뷰포트 크기에 따라 비디오의 src를 변경하는 것입니다.