html css, youtube iframe responsive > 개발

사이트 내 전체검색

개발

html css, youtube iframe responsive

페이지 정보

작성자 관리자 (112.♡.173.204)
댓글 0건 조회 1,919회 작성일 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	안드로이드 스튜디오에서 코드 작성시 중간선(취소선)의 의미	3233	05-07
71	pyinstaller 로 실행 파일 생성시 upx 를 이용해 exe 파일 용량 줄이기	4894	05-07
70	python venv 가상환경 전환시 '이 시스템에서 스크립트를 실행할 수 없으므로' 오류 해결방법	3078	05-08
69	php 자체적으로 제공하는 DOMDocument class 를 이용해서 html xml parsing 예제	3941	05-10
68	Protocol-relative_URL - http: 나 https: 지정이 없이 // 로 시작하는 URL 에 대해서	3055	05-11
67	그누보드 쿠키 시스템 이해 - PHP 와 Javascript 간 쿠키 공유에 대해서	2844	05-14
66	jQuery The jqXHR.success(), jqXHR.error(), and jqXHR.complete() callbacks are removed as of jQuery 3.0	4193	05-15
65	Android WebView 에서 가로 세로 Rotate 전환시에 웹뷰가 새로고침 되는 현상	4907	05-19
64	gnuboard 그누보드 5 에서의 특이한 함수들	2792	12-20
63	PHP 에서 boolean 변수의 값 true false 를 echo 로 그대로 찍는 방법	1989	12-23
62	PHP 에서 배열 선언시 array() 와 [] 의 차이점	1719	01-13
61	javascript 키보드 이벤트 keydown keyup 를 위한 addEventListener 사용법	1861	01-28
60	jquery 특정 요소에 포커스 없애기 focus blur	3068	01-29
59	css three dots button menu 삼점 버튼 메뉴 만들기	1785	01-31
열람중	html css, youtube iframe responsive	1920	02-03
57	다음 카카오 맵 파라미터 들	1843	02-08
56	phpMyAdmin 에서 mysql view 생성(create) 수정(edit) 삭제(drop) 방법	2450	02-08
55	gnuboard 스크립트 실행 소요시간 측정 방법 및 유의사항	1850	02-13
54	javascript 함수 순차적 실행 방법, 동기화 지연 등등	2042	02-15
53	SFTP 에서 상위 디렉토리(폴더) 접근 제한 - 미완성 문서	2540	02-18

개발 목록

번호

제목

조회

추천

날짜

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

3233

05-07

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

4894

05-07

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

3078

05-08

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

3941

05-10

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

3055

05-11

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

2844

05-14

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

4193

05-15

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

4907

05-19

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

2792

12-20

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

1989

12-23

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

1719

01-13

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

1861

01-28

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

3068

01-29

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

1785

01-31

열람중

html css, youtube iframe responsive

1920

02-03

다음 카카오 맵 파라미터 들

1843

02-08

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

2450

02-08

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

1850

02-13

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

2042

02-15

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

2540

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