최신 웹 개발 튜토리얼

HTML YouTube 동영상


HTML에서 동영상을 재생하는 가장 쉬운 방법은, 유튜브를 사용하는 것입니다.


비디오 형식으로 고투?

다른 브라우저의 다른 버전은 다른 비디오 포맷을 지원합니다.

이번 튜토리얼에서, 당신은 당신이 그들에게 모든 브라우저에서 재생하기 위해 다른 비디오 포맷으로 동영상을 변환해야 할 수도 있음을 보았다.

다른 형식으로 비디오를 변환하는 것은 어렵고 시간이 소요될 수 있습니다.

더 쉬운 해결책은 유튜브 웹 페이지에서 동영상을 재생할 수 있도록 수 있습니다.


유튜브 동영상 ID

YouTube는 ID가 표시됩니다 (like XGSy3_Czz8k) 저장시, (or play) 비디오.

이 ID를 사용하고, HTML에서 비디오를 참조 할 수 있습니다.


HTML에서 YouTube 동영상 재생

웹 페이지에서 비디오를 재생하려면 다음을 수행하십시오

  • YouTube에 비디오 업로드
  • 비디오 ID를 적어보세요
  • 정의 <iframe> 웹 페이지의 요소를
  • 송출 src 비디오 URL에 특성 포인트를
  • 폭을 사용하여 높이가 플레이어의 차원을 지정하는 속성
  • URL에 다른 매개 변수를 추가

예 - 사용 iframe이 (the recommended method)

<iframe width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k?autoplay=1">
</iframe>
»그것을 자신을 시도

유튜브 매개 변수

자동 숨기기

값 0 : 플레이어 컨트롤이 항상 볼 수 있습니다.

값 1 : 동영상 재생시 플레이어 컨트롤이 자동으로 숨 깁니다.

값 2 (default) : 9 또는 4 : 0 달리 동일한 1과 동일한 3 비율, 플레이어 (16)가있는 경우.

자동 재생

값 0 (default) : 비디오가 자동으로 때 플레이어로드를 재생되지 않습니다.

값 1 : 비디오가 자동으로 때 플레이어로드를 재생합니다.

통제 수단

값 0 : 플레이어 컨트롤이 표시되지 않습니다. 즉시 비디오로드됩니다.

값 1 (default) : 플레이어는 표시를 제어합니다. 즉시 비디오로드됩니다.

값 2 : 플레이어는 표시를 제어하지만, 사용자가 재생을 시작하기 전에 비디오가로드되지 않습니다.

고리

값 0 (default) : 비디오는 한 번만 재생됩니다.

값 1 : 비디오 의지 루프 (forever) .

재생 목록

쉼표 재생하는 동영상의 목록을 분리 (in addition to the original URL) .


유튜브 <object> 퍼가기

유튜브 <object> 퍼가기은 2015 년 1 월 사용되지 않는.

당신이 사용하는 응용 프로그램을 마이그레이션해야합니다 <iframe> 포함합니다.

예 - 사용 <object> (deprecated)

<object width="420" height="315"
data="http://www.youtube.com/embed/XGSy3_Czz8k">
</object>
»그것을 자신을 시도

예 - 사용 <embed> (deprecated)

<embed width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k">
»그것을 자신을 시도