유튜브 동영상을
웹 페이지에 삽입(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 | Etc [Musescore] 사용 팁 | ||
| 60 | Etc Visual Studio 단축기(shortcut) | ||
| 59 | Windows 윈도10 시작프로그램 등록 | ||
| 58 | Windows 윈도10 껐는데도 저절로 다시 켜지는 경우 | ||
| 57 | Web DNS 캐시 삭제 | ||
| » | Web 유튜브(YouTube) 동영상을 반응형으로 삽입하기 | ||
| 55 | Server Xshell에서 숫자 키패드가 안 먹힐 때 | ||
| 54 | Server 특정 파일을 제외하고 압축 | ||
| 53 | Windows Onedrive 동기화가 안 될 때 | ||
| 52 | Web 댓글에 넥네임 대신 이름 표시 | ||
| 51 | Php php.ini 수정 | ||
| 50 | Windows 윈도우10 시작시 브라우저가 저절로 켜진다면 | ||
| 49 | Mysql Mysql 재시작 | ||
| 48 | Html/Java 텍스트필드의 메세지 → 클릭하면 사라짐 | ||
| 47 | Html/Java 테이블 또는 셀에 링크 걸기 | ||
| 46 | Php 입력내용이 없이 폼 전송 금지 | ||
| 45 | Html/Java 폼 입력창에 숫자 세 자리마다 콤마 찍어주기 | ||
| 44 | Php 날짜 형식 검사 | ||
| 43 | Html/Java 항목 선택시 바로 이동 | ||
| 42 | Html/Java 폼 입력창 속성 주기 |