반응형 페이지 제작 중인데 메인페이지에서
브라우저 너비가 767 이하일 경우
Copy
@media (max-width: 767px) {
#header {
background-image: url(이미지url) !important;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
}
css를 통해 background-image를 띄웠는데
브라우저 너비가 768 이상일 경우
header 내에서 비디오 태그를 작동시켜 영상을 띄우고 싶습니다.
css로 비디오태그 내의 속성은 건드릴 수 없는 듯한데 방법이 없을까요?
1. 화면 너비 768 이상
영상o 이미지x
2. 화면 너비 767 이하
영상x 이미지o
php if문을 이용하려했는데 php에서는 브라우저 너비를 못 받아온다더군요...
css로 이미지가 아닌 영상을 넣는 방법은 없나요?
|
답변 1개
채택된 답변
+20 포인트
8년 전
css로는 방법이 없습니다.
javascript 로 처리하셔야 할 것 같습니다.
답변을 작성하려면 로그인이 필요합니다.