목차
접기
728x90
반응형
아이프레임은 HTML Inline Frame 요소이며 inline frame의 약자이다.
- 효과적으로 다른 HTML 페이지를 현재 페이지에 포함시키는 중첩된 브라우저로
iframe 요소를 이용하면 해당 웹 페이지 안에 어떠한 제한 없이 다른 페이지를 불러와서 삽입 할 수 있다.
사용 방법
<iframe width="1195" height="672" src="https://www.youtube.com/embed/wgS_E2GDmAo?autoplay=1&mute=1&loop=1&playlist=Afw_FuW7dkw,XEsKvmv9nCw,wgS_E2GDmAo" frameborder="0" gesture="media" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>여러개의 영상을 반복재생 하고 싶은 경우
src="https://www.youtube.com/embed/wgS_E2GDmAo?autoplay=1&mute=1&loop=1&playlist=Afw_FuW7dkw,XEsKvmv9nCw,wgS_E2GDmAo"- playlist에 youtube 영상ID를
,를 사용하여 이어 붙여주면 된다.😎
자동재생 방법
autoplay=1&mute=1- chrome / enternet explorer 모두 가능하다고 알려짐
참고 사이트
728x90
반응형
LIST
'HTML, CSS' 카테고리의 다른 글
| 카카오톡 등 링크 공유시 미리보기 이미지, 제목, 내용 입력하는 방법/카카오톡 캐시 삭제 (0) | 2021.04.19 |
|---|---|
| 특정 영역을 제외한 선택자를 클릭하는 이벤트 (0) | 2021.04.17 |
| HTML img, map, area 동적으로 사용하기. (이미지맵 좌표 유동적으로 적용하기) (0) | 2021.03.08 |
| [ CSS ] opacity, rgba 차이 (0) | 2020.10.21 |
| [ CSS ] box-shadow 속성 사용법 (기초) (0) | 2020.10.16 |