필자는 일단 플레이리스트 방식으로 시작하겠다.
이거슨 디씨에서의 스크린샷.
1. 소스수정
소스는 간단하게 바꾼 소스를 사용한다.
내가 플갤에서 줏어온 소스(원래4.0, 티스토리에서 사용하도록 쓰이는 소스)이지만 5.0에서도 쓸수있도록 배려심을 높인 소스이다.
물론 아래의 과정을 안보고 "오 님 소스감사여" 하고 튀면 될리가 없으니 아래까지 다 보길 권장한다.
<EMBED height=세로크기 type=application/x-shockwave-flash width=가로크기 src=jwplayer5.0 player.swf주소 allowfullscreen="true" flashvars="playlistfile=XML파일 주소&backcolor=282828&frontcolor=FFFFFF&lightcolor=FF8200&volume=100&controlbar=over&autostart=flase&playlist=over" 세로크기px? height: 가로크기px;>
이러하다.
일단은 개인화를 위해선 jwplayer 사이트에 접속하고 세팅을 하자.
http://www.longtailvideo.com/support/jw-player-setup-wizard?example=201일단은 테스트를 하기위해 위의 소스를 만들었다.
솔까 뮤직플레이어 대용으로 jwplayer 쓰지않는이상 Behaviour메뉴에서 건들건 없다고 본다.
위의 옵션으로 완성한 소스는 이러하다.
<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='470' height='320' id='single1' name='single1'><param name='movie' value='주소임ㅋ'><param name='allowfullscreen' value='true'><param name='allowscriptaccess' value='always'><param name='wmode' value='transparent'><param name='flashvars' value='file=스트리밍파일주소임ㅋ&backcolor=FFFFFF&frontcolor=CCCCCC&lightcolor=CCFFCC&screencolor=000000'><embedtype='application/x-shockwave-flash'id='single2'name='single2'src='주소임ㅋ'width='470'height='320'bgcolor='undefined'allowscriptaccess='always'allowfullscreen='true'wmode='transparent'flashvars='file=스트리밍파일주소임ㅋ&backcolor=FFFFFF&frontcolor=CCCCCC&lightcolor=CCFFCC&screencolor=000000'/></object>
물론 embed코드로 추출해야만 정상적인 작업이 가능하다.
여기에서 개인화 하기위한 작업을 시작해보자.
<EMBED height=세로크기 type=application/x-shockwave-flash width=가로크기 src=jwplayer5.0 player.swf주소 allowfullscreen="true" flashvars="playlistfile=XML파일 주소&backcolor=282828&frontcolor=FFFFFF&lightcolor=FF8200&volume=100&controlbar=over&autostart=flase&playlist=over" 세로크기px? height: 가로크기px;>
이 소스는 플레이리스트 전용 소스이다. 우리가 만든 소스는 비디오 1개를 재생하기 위한 소스이니 여기에서 삭제해야될 한개를 찾겠다.
<EMBED height=세로크기 type=application/x-shockwave-flash width=가로크기 src=jwplayer5.0 player.swf주소 allowfullscreen="true" flashvars="playlistfile=XML파일 주소&backcolor=282828&frontcolor=FFFFFF&lightcolor=FF8200&volume=100&controlbar=over&autostart=flase&playlist=over" 세로크기px? height: 가로크기px;>
그럼 이것을 맨 위에 있던 소스와 대조시켜 적용해보자
playlistfile 을 file로 수정
&playlist=over 를 제거
이제 끝났다. 물론 jwplayer의 형식에 따라 또 추가하거나 빼야될것들이 많이 있을것이다.
이제 2번째. 개인화작업을 하자.
자신의 취향에 맞추어 배경색 등을 설정하는 작업이다.
그리 어렵지 않다.
<EMBED height=세로크기 type=application/x-shockwave-flash width=가로크기 src=jwplayer5.0 player.swf주소 allowfullscreen="true" flashvars="file=flv/mp4파일 주소&backcolor=282828&frontcolor=FFFFFF&lightcolor=FF8200&volume=100&controlbar=over&autostart=flase" 세로크기px? height: 가로크기px;>
여기에 있는것을 이렇게 바꾸어야한다.
자신이 jwplayer 설정 페이지에서 적용해냈거나 포토샵에서 색을 찝어내거나 한것을 적용하면 된다. 나는 위에 페이지에서 적용시킨것을 그대로 대입하겠다
backcolor=282828&fontcolor=FFFFFF&lightcolor=FF8200
backcolor=000000&fontcolor=CCCCCC&lightcolor=CCFFCC
됬다. 끝
이제 디씨에 넣고 쓰면된다.
파일을 어따 올리냐구요?
베리즈 쓰세요.