【HTML】YouTube 동영상을 삽입하는 방법
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
Reference
이 문제에 관하여(【HTML】YouTube 동영상을 삽입하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/DisneyAladdin/items/ca6d5b52ba8bfcbf5c42
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<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>
Reference
이 문제에 관하여(【HTML】YouTube 동영상을 삽입하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/DisneyAladdin/items/ca6d5b52ba8bfcbf5c42텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)