html css, youtube iframe responsive > 개발

사이트 내 전체검색

개발

html css, youtube iframe responsive

페이지 정보

작성자 관리자 (112.♡.173.204)
댓글 0건 조회 1,954회 작성일 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

댓글목록

등록된 댓글이 없습니다.

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

개발 목록

번호

제목

조회

추천

날짜

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

3258

05-07

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

4930

05-07

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

3097

05-08

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

3971

05-10

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

3072

05-11

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

2878

05-14

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

4232

05-15

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

4953

05-19

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

2828

12-20

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

2026

12-23

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

1746

01-13

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

1898

01-28

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

3110

01-29

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

1816

01-31

열람중

html css, youtube iframe responsive

1955

02-03

다음 카카오 맵 파라미터 들

1863

02-08

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

2485

02-08

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

1878

02-13

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

2069

02-15

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

2573

02-18

1		탈주	112,663
2	1	인사이드 아웃 2	105,713
3	1	핸섬가이즈	45,667
4	1	하이재킹	34,847
5	1	콰이어트 플레이스: 첫째 날	15,481
6		만천과해	3,398
7		퍼펙트 데이즈	2,584
8	1	언더더씨: 마법 산호초를 찾아서	1,574
9	4	존 오브 인터레스트	1,422
10		클래식	1,065