【HTML】YouTube 동영상을 삽입하는 방법

2918 단어 HTMLYouTube

iframe을 사용하여 YouTube 동영상 퍼가기



튜토리얼



먼저 아래 코드를 자신의 HTML 소스 코드에 삽입해보십시오.

sample.html
<iframe width="560" height="315"
src="https://www.youtube.com/embed/vdxoDyNAoH0
?loop=1
&playlist=vdxoDyNAoH0
&autoplay=1
&mute=1
&rel=0
&modestbranding=1"
frameborder="0" allowfullscreen>
</iframe>

이런 식으로 YouTube 동영상이 페이지에 내장되어 있는지 생각합니다.


요청 매개변수



이제이 다양한 요청 매개 변수에 대해 설명합니다.





루프
동영상을 반복해서 재생합니다.

playlist
다음 동영상의 VIDEO_ID를 넣습니다. loop에서 동일한 동영상을 반복하려면 동영상의 VIDEO_ID를 그대로 넣습니다. VIDEO_ID는 https://www.youtube.com/embed 뒤의 부분입니다.

autoplay
페이지를 열 때 자동으로 재생합니다. 즉, 재생 버튼을 누를 필요가 없지만 mute를 1로 설정해야합니다.

mute
재생시의 음성을 OFF합니다만 조작 버튼을 사용해 음성의 조절은 가능합니다

rel
관련 동영상을 표시합니다.

modestbranding
오른쪽 하단의 YouTube 로고를 숨깁니다.

frameborder
프레임(외부 프레임)을 붙입니다.

allowfullscreen
전체 화면 모드에서 재생을 허용합니다.


YouTube 동영상을 삽입하는 태그는 다음과 같이 만들 수 있습니다.

먼저 삽입하려는 YouTube 동영상 페이지를 엽니 다.
(이 예에서는 htps //w w. 요츠베. 이 m/와 tch? v = vd ぉ Dy 또한 H0)

공유를 클릭합니다.



퍼가기를 클릭



그러면 이러한 동영상을 채우기 위한 태그가 표시되므로 필요한 부분을 복사합니다.
망설이면 우선 전부 코피페 버립시다.


덧붙여서 수중에 있는 mp4등의 동영상 파일등은 이 기사 를 참고로 <video> 태그 사용하면 똑같이 임베드가 가능합니다.
간단하기 때문에 이쪽은 생략합니다.

참고



YouTube 참고 1
YouTube 참고 2

좋은 웹페이지 즐겨찾기