티스토리 뷰

Beatz 입니다. 최근에 유튜브 로딩이 많이 빨라져서 480p정도는 무난히 재생이 되는것같아 블로그에 올라오는 동영상들을 유튜브쪽으로 전향을 해볼까해서 요몇일 알아보았는데요, 쓸만한 옵션들이 꽤 많아 보여서 포스팅을 해놓을까 합니다.


포스팅에 쓰일 영상은 모두
http://www.youtube.com/watch?v=yQ5U8suTUw0
이 영상으로 진행하도록 하겠습니다. 

그리고 한국사이트에서는 iframe 태그를 막아놓은 곳이 많은 관계로 이전소스코드인 embed 코드로 진행을 하겠습니다.
 

 

 영상에 우클릭으로 embed코드를 복사하거나 유튜브 페이지에서 소스코드를 복사할 수 있습니다. 

<object style="height: 390px; width: 640px"><param name="movie" value="http://www.youtube.com/v/yQ5U8suTUw0?version=3"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/yQ5U8suTUw0?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390"></object>

이 부분을 다 쓰지않고, 앞뒤로 object 는 다 잘라내고

<embed src="http://www.youtube.com/v/yQ5U8suTUw0?version=3" type="application/x-shockwave-flash" allowfullscreen="true"allowScriptAccess="always" width="640" height="390">

이렇게 embed 만 남겨놓은 상태로 포스팅 됩니다.




크기에 상관없이 HD로 Embed 하기


예전에는 fmt옵션을 추가적으로 써주는 방법으로 화질을 결정해서 embed 할수가있었지만 요즘은 유튜브 영상을 퍼가면 퍼가는 크기에 따라 자동으로 화질이 정해집니다.

640x394 크기로 임베드되면 기본재생화질은 360p
854x516 크기로 임베드되면 기본재생화질은 480p
1280x759 크기로 임베드되면 기본재생화질은 720p
1920x1123 크기로 임베드되면 기본재생화질은 1080p

이정도가 기본이 되겠는데요, 가로사이즈는 640으로 하지만 HD를 기본재생으로 하고싶을때가 있습니다. 그럴때는

<embed src="http://www.youtube.com/v/yQ5U8suTUw0?version=&hd=1" type="application/x-shockwave-flash" allowfullscreen="true"allowScriptAccess="always" width="640" height="390">

이렇게 version= 다음에 있는 3이라는 숫자를 지워버리고 &hd=1 이라고 적어주면 hd로 재생을 시킬수있습니다.

이렇게 됩니다.




작은 가로사이즈에서도 480p로 재생하기

HD 기본재생은 hd=1 이라는 옵션으로 처리를 할수있지만 480p 기본재생은 예전에 써먹던 fmt 옵션이 막힌관계로 사이즈 수정을 통한방법으로 밖에 할 수가없습니다. 자신의 블로그 가로 사이즈가 854 이상이 되지않으면 유튜브에서 기본으로 제공하는 사이즈에서는 절대 480p를 기본재생으로 지정할 수 없겠죠? 이것을 기타 자잘한 추가옵션과 꼼수를 써서 수정을 해보겠습니다. 제 블로그에 있는 영상들도 그 꼼수를 통해 480p로 재생시키고 있습니다.

일단 제가 대충 경험해본바로는 가로사이즈는 무조건 얼마이상 세로사이즈는 무조건 얼마이상 이런 시스템이 아닙니다.
가로가 적으면 세로라도 길면 된다는거지요.
원래라면 최소 854x473 해상도가 되어야지만 480p 재생이 됩니다.
하지만 자신의 블로그 가로 사이즈가 640밖에 되지않는다면? 새로사이즈를 늘려버리면됩니다.
정확한 수치계산하는 법은 잘모르겠지만 가로값과 세로값을 곱했을때 370000 정도가 되면 480p로 재생이 되더군요, 하지만 가로사이즈마다 값이 조금씩 달라지므로 확인을 해줘야합니다. (곱해서 370000 정도가 됐을때 480p 가 된다는것은 순전히 대충 계산하기 좋은 제 나름의 방법입니다. 480p가 되기위한 정확한 조건을 아시는분이 계시다면 알려주시면 정말 감사하겠습니다.)

<embed src="http://www.youtube.com/v/yQ5U8suTUw0?version=3" type="application/x-shockwave-flash" allowfullscreen="true"allowScriptAccess="always" width="640" height="575">

가로값이 640일때는 세로값이 최소 575가 되어야 480p가 기본재생으로 되는군요.

 

이 상태입니다.

근데 위아래로 검은바탕이 너무 길어서 보기가 싫죠? 이걸 그나마 깔끔한 상태로 만들어보겠습니다.

일단 옵션 설명을 좀 하자면

autohide=1 // 컨트롤바를 자동으로 숨깁니다.
controls=0 // 컨트롤바를 없앱니다. 
bgcolor=ffffff // 배경을 검은색이아닌 흰색으로 바꿉니다. (ffffff 가 아닌 다른 값을 넣으면 다른 색이 나옵니다. html 색상표 참고)

 

<embed src="http://www.youtube.com/v/yQ5U8suTUw0?version=3&autohide=1&controls=0&bgcolor=ffffff" type="application/x-shockwave-flash" allowfullscreen="true"allowScriptAccess="always" width="640" height="575">

위의 옵션들은 저위치에 &과 함께 들어갑니다.

위의 옵션을 사용해서 한번 재생을 해보겠습니다.

autohide 와 bgcolor 옵션을 사용했습니다. (재생하면 적용되어 재생됩니다.)



 
controls 와 bgcolor 옵션을 사용했습니다. (재생하면 적용되어 재생됩니다.) 




이런 꼼수를 사용해서 좋은 화질로 재생을 시켜주면서 검은 여백도 없애 보기싫지않은 인터페이스를 유지시킬 수 있습니다.




기타 다른 옵션

지금 본 포스팅에는 많은 영상들이 있기에 autoplay 옵션을 사용하지않았는데요,
autoplay=1 옵션을 적용시켜주면 한페이지에 영상이 1개만 있는경우에 자동재생을 시킬수있습니다.

그리고 showinfo=0 옵션을 적용시켜주면 영상 상단에 제목과 올린이의 닉네임을 표시되지 않게 할수있습니다.




지금까지의 모든 옵션을 적절하게 사용하여 재생시킨 유튜브의 모습을 보실려면 아래의 더보기를 클릭하세요


유튜브 한국서버가 생겨 1080p도 전혀 끊기지 않을날이 오기를 바라면서 포스팅 마칩니다.
댓글