HTML Youtube

비디오 하나를 실행 시키려면 모든 브라우저가 지원하는 형식에 맞게 바꾸어야 했다. 하지만 유튜브 비디오는 그럴 필요가 없어서 용이하다. 

• 유튜브에 원하는 비디오를 업로드한다.
• 비디오 아이디를 알아둔다.
• 내 웹 페이지에 <iframe>태그를 선언한다. iframe 태그를 이용하는 것을 권장한다.
• src 속성 값을 내가 유튜브에 업로드한 비디오 주소값으로 한다.
• 너비와 높이를 설정한다.

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&loop=1&controls=0">
</iframe>

 

• url 의 파라미터 값에 autoplay속성값이 1일 때 비디오가 로드 되었을 때 자동 재생한다. 기본 값은 0이다.
• loop =1 이면 비디오가 반복재생한다. 기본 값은 0이며 한번 재생한다.
• controls=0이면 비디오 설정이 나타나지 않는다. 기본 값은 1이다.

*<object>,<embed>태그도 유튜브 비디오를 담아둘 수 있었지만 이제 그렇게 쓰지 않는다. iframe을 이용하자.