유튜브 동영상을
웹 페이지에 삽입(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>
| 번호 | 제목 | 날짜 | 조회 수 |
|---|---|---|---|
| 61 | Html/Java 확인 대화창 띄우기 | ||
| 60 | Html/Java 확인 대화창 띄우기 | ||
| 59 | Html/Java 항목 선택시 바로 이동 | ||
| 58 | Html/Java 폼 입력창에 숫자 세 자리마다 콤마 찍어주기 | ||
| 57 | Html/Java 폼 입력창 속성 주기 | ||
| 56 | Graphic 포토샵에서 사람 지우기 | ||
| 55 | Mysql 패스워드 변경시키기 | ||
| 54 | Server 특정 파일을 제외하고 압축 | ||
| 53 | Html/Java 텍스트필드의 메세지 → 클릭하면 사라짐 | ||
| 52 | Php 텍스트 값 분리(explode) | ||
| 51 | Html/Java 테이블에 속성 주기 | ||
| 50 | Html/Java 테이블 또는 셀에 링크 걸기 | ||
| 49 | Html/Java 창 크기 강제 조정 | ||
| 48 | Web 집에서 무음상태로 핸드폰 잃어버렸을 때 | ||
| 47 | Php 중복입력 확인 | ||
| 46 | Windows 자신의 네트워크 정보 보기 | ||
| 45 | Php 자릿수 | ||
| 44 | Php 입력내용이 없이 폼 전송 금지 | ||
| 43 | Html/Java 입력값이 숫자인지 확인 | ||
| » | Web 유튜브(YouTube) 동영상을 반응형으로 삽입하기 |