유튜브 동영상을
웹 페이지에 삽입(embed 또는 iframe 사용)하면
PC 화면에서는 제대로 나오지만 모바일에서는
좌우가 잘려서 나오는 경우가 많습니다.
그때는 다음과 같이 태그를 넣어주시면 됩니다.
이렇게 하면 모바일에서 잘리지 않습니다.
<div style="position:relative;height:0;padding-bottom:56.25%"><iframe allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="360" width="640" src="https://www.youtube.com/embed/XXXXX" style="position:absolute;width:100%;height:100%;left:0"></iframe></div>
번호 | 제목 | 날짜 | 조회 수 |
---|---|---|---|
6 | Web 메뉴마다 다른 이미지 출력 | ||
5 | Web 댓글에 넥네임 대신 이름 표시 | ||
4 | Web 집에서 무음상태로 핸드폰 잃어버렸을 때 | ||
3 | Web DNS 캐시 삭제 | ||
» | Web 유튜브(YouTube) 동영상을 반응형으로 삽입하기 | ||
1 | Web xe 설치하기 |