iframe태그를 사용하여 유튜브 동영상 올리기
유튜브에서 원하는 동영상을 찾아 공유 버튼을 누른다.
퍼가기 버튼 클릭!!!
원하는 곳에 소스코드를 복사하여 넣는다!
<iframe width="800" height="450" src="https://www.youtube.com/embed/yiq9H6XYj3o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
iframe의 속성
- src : 삽입 할 홈페이지 좌표
- name : 프레임 이름
- width : 프레임 가로 너비
- height : 프레임 세로 길이
- srcdoc : 직접 태그소스를 iframe으로 표시할 수 있다.
- mute=1 (뮤트)
- autoplay=1 (자동재생)
- loop=1 (반복)
src="https://www.youtube.com/embed/yiq9H6XYj3o?autoplay=1&mute=1"
속성을 추가하려면 기존 유튜브 링크 주소 맨 뒤에 ?을 붙이고 속성을 추가해주면 된다.
여러 속성을 추가할 때에는 & 기호를 사용!
크롬에서는 자동재생을 뮤트와 함께 사용하여야함.
'HTML' 카테고리의 다른 글
HTML이 뭐에요? (0) | 2022.05.04 |
---|---|
기초 셋팅 시작! / vscode설치 + 확장프로그램 설치 (0) | 2022.05.04 |