Jwplayer 목록형 플레이어 몇가지 플러그인

1.목록형 플레이어의  기본형태
<embed src="http://cfs.tistory.com/custom/blog/104/1044374/skin/images/player5.7.swf?"

 allowfullscreen="true" type="application/x-shockwave-flash" width="960" height="805" 

flashvars="playlistfile=http://cfs.tistory.com/custom/blog/104/1044374/skin/images/kara%20mv%20jp%20player.xml?

&amp;type=video&amp;playlistsize=240&amp;playlist=bottom&amp;backcolor=000000&amp;frontcolor=#FBBEA1
&amp;lightcolor= #ADDFFF&amp;menu=false&amp;repeat=list&amp;icons=false&volume=400" >
소리가 작게 인코딩돼서 볼륨을 많이 높혔음..^^;; 

다른 플러긴을 써줄 필요없이 playlistsize와 플레이리스트 위치만 지정해주면 됨..여기선 bottom으로 지정





 


2.dna-1
<embed src="http://cfs.tistory.com/custom/blog/104/1044374/skin/images/player5.7.swf?"

 allowfullscreen="true" type="application/x-shockwave-flash" 

flashvars="playlistfile=http://cfs.tistory.com/custom/blog/104/1044374/skin/images/kara%20mv%20jp%20player.xml?=836752583

&amp;type=video&amp;plugins=dna-1&amp;backcolor=000000&amp;frontcolor=#FBBEA1&amp;lightcolor= #ADDFFF

&amp;menu=false&amp;repeat=list&amp;icons=false&volume=400" width="960" height="565" >

따로 플러긴을 설치하거나 할 필요없이 flashvars 속성에 플러긴을 써넣어주기만 하면 됨

 

 

3.basic-1
 <embed src="http://cfs.tistory.com/custom/blog/104/1044374/skin/images/player5.7.swf?"

 allowfullscreen="true" type="application/x-shockwave-flash" 

flashvars="playlistfile=http://cfs.tistory.com/custom/blog/104/1044374/skin/images/kara%20mv%20jp%20player.xml?=836752583

&amp;type=video&amp;plugins=basic-1&amp;backcolor=000000&amp;frontcolor=#FBBEA1&amp;lightcolor= #ADDFFF

&amp;menu=false&amp;repeat=list&amp;icons=false&volume=400" width="960" height="565" >

4.flow-1

 <embed src="http://cfs.tistory.com/custom/blog/104/1044374/skin/images/player5.7.swf?"

 allowfullscreen="true" type="application/x-shockwave-flash" 

flashvars="playlistfile=http://cfs.tistory.com/custom/blog/104/1044374/skin/images/kara%20mv%20jp%20player.xml?=836752583

&amp;type=video&amp;plugins=flow-1&amp;flow.size=250&amp;flow.position=bottom  &amp;backcolor=000000&amp;frontcolor=#FBBEA1&amp;lightcolor= #ADDFFF

&amp;menu=false&amp;repeat=list&amp;icons=false&volume=400" width="960" height="815" >

요건 size와 position을 같이 써줘야 하는데 밑의 영상보면 이해되실 듯..위치가 바텀이고 크기가 250 이니 원래 영상크기 세로 540 에
250을 더하고 재생바 높이 25를 더해서 하이트가 815임...
재생바를 영상안에 넣고 싶으면 flashvars 속성에 controlbar=over 를 넣어주면 됨




5.grid-2

 <embed src="http://cfs.tistory.com/custom/blog/104/1044374/skin/images/player5.7.swf?"

 allowfullscreen="true" type="application/x-shockwave-flash" 

flashvars="playlistfile=http://cfs.tistory.com/custom/blog/104/1044374/skin/images/kara%20mv%20jp%20player.xml?=836752583

&amp;type=video&amp;plugins=grid-2&amp;backcolor=000000&amp;frontcolor=#FBBEA1&amp;lightcolor= #ADDFFF

&amp;menu=false&amp;repeat=list&amp;icons=false&volume=400" width="960" height="565" >

 


6.depth-1
 <embed src="http://cfs.tistory.com/custom/blog/104/1044374/skin/images/player5.7.swf?"

 allowfullscreen="true" type="application/x-shockwave-flash" 

flashvars="playlistfile=http://cfs.tistory.com/custom/blog/104/1044374/skin/images/kara%20mv%20jp%20player.xml?=836752583

&amp;type=video&amp;plugins=depth-1&amp;backcolor=000000&amp;frontcolor=#FBBEA1&amp;lightcolor= #ADDFFF

&amp;menu=false&amp;repeat=list&amp;icons=false&volume=400" width="960" height="565" >

7.carousel-1

 <embed src="http://cfs.tistory.com/custom/blog/104/1044374/skin/images/player5.7.swf?"

 allowfullscreen="true" type="application/x-shockwave-flash" 

flashvars="playlistfile=http://cfs.tistory.com/custom/blog/104/1044374/skin/images/kara%20mv%20jp%20player.xml?=836752583

&amp;type=video&amp;plugins=carousel-1&amp;backcolor=000000&amp;frontcolor=#FBBEA1&amp;lightcolor= #ADDFFF

&amp;menu=false&amp;repeat=list&amp;icons=false&volume=400" width="960" height="565" >

위와 같이 다양한 효과를 줄 수 있는 플러긴들이 있으니 입맛따라 선택 가능~~~ㅎㅎ