유용한 웹 팁

뒤로가기
제목

모바일에서 유튜브 영상 사이즈 자동 조절하기

작성자 별모아디자인(ip:)

작성일 2020-02-24

조회 259

평점 0점  

추천 추천하기

내용


상품상세설명 부분에 유튜브 영상을 삽입하였을 경우

모바일 디자인에서 확인해보면 영상의 크기가 화면 크기를 벗어나 크게 노출되어보입니다.

영상 크기가 모바일 화면 크기에 맞게 자동으로 리사이징 되도록 하려면


모바일 쇼핑몰 > 디자인 수정하기에서 스마트디자인 편집창의

왼쪽 하단의 화면명 검색에서

additional.css 를 검색하여 파일을 연 후 아래 소스를 추가해주어야 합니다.




/* 유튜브 영상 자동 리사이징 */
.xans-product-additional #prdDetail iframe { width:100%; max-width:100%; height: auto !important; margin:0; }








첨부파일

비밀번호
수정

비밀번호 입력후 수정 혹은 삭제해주세요.

댓글목록

등록된 댓글이 없습니다.

댓글 수정

이름

비밀번호

내용

/ byte

수정 취소

비밀번호

확인 취소

댓글 입력

이름

비밀번호

내용

/ byte

평점

관리자에게만 댓글 작성 권한이 있습니다.