html css, youtube iframe responsive > 개발

사이트 내 전체검색

개발

html css, youtube iframe responsive

페이지 정보

작성자 관리자 (112.♡.173.204)
댓글 0건 조회 1,920회 작성일 22-02-03 13:38

본문

CSS
```
.youtube-video-wrapper {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.youtube-video-wrapper iframe, .youtube-video-wrapper object, .youtube-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}
```

HTML
```
<div class="youtube-video-wrapper"><iframe src="https://www.youtube.com/embed/WMweEpGlu_U?rel=0" frameborder="0"></iframe></div>
```

## 참고
https://avexdesigns.com/blog/responsive-youtube-embed
https://stackoverflow.com/questions/52393814/css-100-width-of-youtube-embed-video

추천0

댓글목록

등록된 댓글이 없습니다.

개발 목록
번호	제목	조회	날짜
72	안드로이드 스튜디오에서 코드 작성시 중간선(취소선)의 의미	3236	05-07
71	pyinstaller 로 실행 파일 생성시 upx 를 이용해 exe 파일 용량 줄이기	4897	05-07
70	python venv 가상환경 전환시 '이 시스템에서 스크립트를 실행할 수 없으므로' 오류 해결방법	3080	05-08
69	php 자체적으로 제공하는 DOMDocument class 를 이용해서 html xml parsing 예제	3942	05-10
68	Protocol-relative_URL - http: 나 https: 지정이 없이 // 로 시작하는 URL 에 대해서	3056	05-11
67	그누보드 쿠키 시스템 이해 - PHP 와 Javascript 간 쿠키 공유에 대해서	2845	05-14
66	jQuery The jqXHR.success(), jqXHR.error(), and jqXHR.complete() callbacks are removed as of jQuery 3.0	4196	05-15
65	Android WebView 에서 가로 세로 Rotate 전환시에 웹뷰가 새로고침 되는 현상	4914	05-19
64	gnuboard 그누보드 5 에서의 특이한 함수들	2794	12-20
63	PHP 에서 boolean 변수의 값 true false 를 echo 로 그대로 찍는 방법	1990	12-23
62	PHP 에서 배열 선언시 array() 와 [] 의 차이점	1724	01-13
61	javascript 키보드 이벤트 keydown keyup 를 위한 addEventListener 사용법	1862	01-28
60	jquery 특정 요소에 포커스 없애기 focus blur	3071	01-29
59	css three dots button menu 삼점 버튼 메뉴 만들기	1790	01-31
열람중	html css, youtube iframe responsive	1921	02-03
57	다음 카카오 맵 파라미터 들	1843	02-08
56	phpMyAdmin 에서 mysql view 생성(create) 수정(edit) 삭제(drop) 방법	2452	02-08
55	gnuboard 스크립트 실행 소요시간 측정 방법 및 유의사항	1852	02-13
54	javascript 함수 순차적 실행 방법, 동기화 지연 등등	2045	02-15
53	SFTP 에서 상위 디렉토리(폴더) 접근 제한 - 미완성 문서	2542	02-18

개발 목록

번호

제목

조회

추천

날짜

안드로이드 스튜디오에서 코드 작성시 중간선(취소선)의 의미

3236

05-07

pyinstaller 로 실행 파일 생성시 upx 를 이용해 exe 파일 용량 줄이기

4897

05-07

python venv 가상환경 전환시 '이 시스템에서 스크립트를 실행할 수 없으므로' 오류 해결방법

3080

05-08

php 자체적으로 제공하는 DOMDocument class 를 이용해서 html xml parsing 예제

3942

05-10

Protocol-relative_URL - http: 나 https: 지정이 없이 // 로 시작하는 URL 에 대해서

3056

05-11

그누보드 쿠키 시스템 이해 - PHP 와 Javascript 간 쿠키 공유에 대해서

2845

05-14

jQuery The jqXHR.success(), jqXHR.error(), and jqXHR.complete() callbacks are removed as of jQuery 3.0

4196

05-15

Android WebView 에서 가로 세로 Rotate 전환시에 웹뷰가 새로고침 되는 현상

4914

05-19

gnuboard 그누보드 5 에서의 특이한 함수들

2794

12-20

PHP 에서 boolean 변수의 값 true false 를 echo 로 그대로 찍는 방법

1990

12-23

PHP 에서 배열 선언시 array() 와 [] 의 차이점

1724

01-13

javascript 키보드 이벤트 keydown keyup 를 위한 addEventListener 사용법

1862

01-28

jquery 특정 요소에 포커스 없애기 focus blur

3071

01-29

css three dots button menu 삼점 버튼 메뉴 만들기

1790

01-31

열람중

html css, youtube iframe responsive

1921

02-03

다음 카카오 맵 파라미터 들

1843

02-08

phpMyAdmin 에서 mysql view 생성(create) 수정(edit) 삭제(drop) 방법

2452

02-08

gnuboard 스크립트 실행 소요시간 측정 방법 및 유의사항

1852

02-13

javascript 함수 순차적 실행 방법, 동기화 지연 등등

2045

02-15

SFTP 에서 상위 디렉토리(폴더) 접근 제한 - 미완성 문서

2542

02-18

1		인사이드 아웃 2	164,670
2		하이재킹	64,807
3	1	핸섬가이즈	57,145
4	1	콰이어트 플레이스: 첫째 날	53,863
5	1	존 오브 인터레스트	2,612
6	1	그녀가 죽었다	2,232
7	2	퓨리오사: 매드맥스 사가	1,823
8		프렌치 수프	1,582
9	4	우마무스메 프리티 더비 로드 투	1,059
10		아가씨(확장판)	1,045