[일반] 인벤에 유투브 영상 삽입시 옵션적용

월탱 팁 노하우는 아니지만 iframe을 사용하지 못하는 인벤 사이트 특성과 유투브의 최근 인터페이스 변화로 인해

동영상 삽입시 세부 옵션 조절이 어려워 졌기에 글을 써 봅니다

일단 유투브 링크를 사용해 동영상을 에디터 내에 삽입합시다

확인을 누르면 동영상이 에디터 내로 들어오게 되는데 에디터 우측 상단의 HTML을 눌러보면

<div><figure><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="650" height="366"><param name="wmode" value="opaque"><param name="movie" value="//www.youtube.com/v/0V88goXnaW4?version=3&amp;hl=ko_KR&amp;rel=0"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="//www.youtube.com/v/0V88goXnaW4?version=3&amp;hl=ko_KR&amp;rel=0" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="650" height="366" allowscriptaccess="always" allowfullscreen="true" wmode="opaque"></object></figure></div><div><br /></div>

과 같은 어지러운 구문이 있을껍니다

빨간색으로 된 부분이 동영상의 실제 주소

볼드 처리된 부분이 변경 가능한 옵션 부분입니다

일단 음영처리 된 부분은 필요가 없기 때문에 삭제하도록 합니다

<div><figure><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="650" height="366"><param name="wmode" value="opaque"><embed src="//www.youtube.com/v/0V88goXnaW4?version=3&amp;hl=ko_KR&amp;rel=0" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="650" height="366" allowscriptaccess="always" allowfullscreen="true" wmode="opaque"></object></figure></div><div><br /></div>

조금 간략화되었긴 하지만 아직도 보기 힘들기 때문에 우리가 실제로 편집할 부분만 표시를 해 뒀습니다

빨간색으로 표시된 자신의 영상 주소 뒤의 ?이후가 각종 재생 옵션을 지정하는 부분입니다.

이 부분은 자신이 사용할 옵션외 필요없는 부분은 모두 삭제하셔도 무방합니다

어려운건 다 제쳐 두고 일단 사용가능한 옵션들 입니다

vq=??? 재생될 화질

vq=light          240p

vq=medium      320p

vq=large         480p

vq=hd720        720p

vq=hd1080      1080p

autoplay=1 자동재생(페이지를 열면 바로 재생됨)

loop=1 무한반복재생

start=xxx 특정시간부터 재생 (xxx초로 바꿔서 입력)

end=xxx 특정시간까지 재생 (xxx초로 바꿔서 입력)

rel=0 관련동영상 감춤 (1인경우 표시)

&amp; 연결자

기타 테마나 광고재생여부를 설정할수도 있으나 실제 많이 사용할 옵션은 저것들 밖에 없기 때문에

간략하게 추려봤습니다

그렇다면 어떻게 여러가지 옵션을 한번에 적용하느냐?

&amp; 을 이용해서 여러가지 옵션을 적용할 수 있습니다

예를 들자면 720p로 6분 46초부터 7분 46초까지 관련동영상을 감춘체 영상을 재생하고 싶을 경우

embed src="//www.youtube.com/v/0V88goXnaW4?&amp;vq=hd720&amp;start=406&amp;end=466&rel=0"

과 같이 &amp;를 옵션 사이 사이에 삽입해서 코드를 연결하시면 됩니다

해당 예제 대로 적용을 하게 되면

작성을 마치고 html 버튼을 다시 눌러서 영상이 제대로 삽입되었는지 확인 및 재생이 가능하니

글을 올리기 전 에디터화면으로 돌아와 확인을 한 뒤에 업로드를 하시면 완벽하겠죠?

최대한 쉽게 쓴다고 썼는데 제가 다시 읽어봐도 뭔소린지 잘 모르겠는게 함정이네요 -_-a