유튜브 동영상을
웹 페이지에 삽입(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>
번호 | 제목 | 날짜 | 조회 수 |
---|---|---|---|
10 | Html/Java 텍스트필드의 메세지 → 클릭하면 사라짐 | ||
9 | Html/Java 테이블 또는 셀에 링크 걸기 | ||
8 | Html/Java 폼 입력창에 숫자 세 자리마다 콤마 찍어주기 | ||
7 | Html/Java 항목 선택시 바로 이동 | ||
6 | Html/Java 폼 입력창 속성 주기 | ||
5 | Html/Java 확인 대화창 띄우기 | ||
4 | Html/Java 입력값이 숫자인지 확인 | ||
3 | Html/Java 창 크기 강제 조정 | ||
2 | Html/Java 확인 대화창 띄우기 | ||
1 | Html/Java 테이블에 속성 주기 |