유투브의 리뉴얼로 이전소스보기가 보이지 않고 iframe 태그만 보여지는 경우가 종종 있다. iframe지원하는 사이트면 상관이 없는데 보안상의 이유던 내부 정책이던 iframe 미지원하는 사이트에서는 embed태그를 써야만 해서 embed태그를 만드는 방법을 적어본다.

 

예를들어 아래와 같은 코드로 제공이 되는데

 

변경전

<iframe width="420" height="315" src="http://www.youtube.com/embed/OuT-K7H-Lpg" frameborder="0" allowfullscreen></iframe>

 

변경후(iframe을 embed로 변경, 주소상 /embed/ 를 /v/ 로 변경하고 frameborder를 지워주면

<embed width="420" height="315" src="http://www.youtube.com/v/OuT-K7H-Lpg" allowfullscreen></embed>

 

정상작동하는걸 확인할수 있다.

 

추가팁  

 

1. 기본 HD화질로 보기

 

동영상 URL 란에 version= 값을 version=&hd=1로 수정 없을경우 ?version=&hd=1 추가

2. 태그옵션을 추가하기

 

autohide=1    //재생등 컨트롤바를 숨깁니다.

controls=0    //컨트롤바를 아예 보이지 않습니다.

autoplay=1   //페이지에  적용한 동영상이 하나가 있을경우 자동으로 재생이 됩니다.

showinfo=0  //영상 상단에 나오는 타이틀 및 업로더등의 정보를 숨깁니다.

 

bgcolor=ffffff  //배경색을 바꿉니다.

 

3. 특정시간부터 보기

 

동영상 URL부분에 "start=시작지점"을 삽입(예: &start=30 30초부터 재생)

 

반응형

+ Recent posts