1.목록형 플레이어의 기본형태
<embed src="http://cfs.tistory.com/custom/blog/104/1044374/skin/images/player5.7.swf?"
다른 플러긴을 써줄 필요없이 playlistsize와 플레이리스트 위치만 지정해주면 됨..여기선 bottom으로 지정
4.flow-1
요건 size와 position을 같이 써줘야 하는데 밑의 영상보면 이해되실 듯..위치가 바텀이고 크기가 250 이니 원래 영상크기 세로 540 에
250을 더하고 재생바 높이 25를 더해서 하이트가 815임...
재생바를 영상안에 넣고 싶으면 flashvars 속성에 controlbar=over 를 넣어주면 됨
5.grid-2
6.depth-1
<embed src="http://cfs.tistory.com/custom/blog/104/1044374/skin/images/player5.7.swf?"
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" width="960" height="805"
flashvars="playlistfile=http://cfs.tistory.com/custom/blog/104/1044374/skin/images/kara%20mv%20jp%20player.xml?
&type=video&playlistsize=240&playlist=bottom&backcolor=000000&frontcolor=#FBBEA1
&lightcolor= #ADDFFF&menu=false&repeat=list&icons=false&volume=400" >
소리가 작게 인코딩돼서 볼륨을 많이 높혔음..^^;;
&lightcolor= #ADDFFF&menu=false&repeat=list&icons=false&volume=400" >
소리가 작게 인코딩돼서 볼륨을 많이 높혔음..^^;;
다른 플러긴을 써줄 필요없이 playlistsize와 플레이리스트 위치만 지정해주면 됨..여기선 bottom으로 지정
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
&type=video&plugins=basic-1&backcolor=000000&frontcolor=#FBBEA1&lightcolor= #ADDFFF
&menu=false&repeat=list&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
&type=video&plugins=flow-1&flow.size=250&flow.position=bottom
&backcolor=000000&frontcolor=#FBBEA1&lightcolor= #ADDFFF
&menu=false&repeat=list&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
&type=video&plugins=grid-2&backcolor=000000&frontcolor=#FBBEA1&lightcolor= #ADDFFF
&menu=false&repeat=list&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
&type=video&plugins=depth-1&backcolor=000000&frontcolor=#FBBEA1&lightcolor= #ADDFFF
&menu=false&repeat=list&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
&type=video&plugins=carousel-1&backcolor=000000&frontcolor=#FBBEA1&lightcolor= #ADDFFF
&menu=false&repeat=list&icons=false&volume=400" width="960" height="565" >
위와 같이 다양한 효과를 줄 수 있는 플러긴들이 있으니 입맛따라 선택 가능~~~ㅎㅎ
'플짤관련' 카테고리의 다른 글
JW PLAYER를 이용하여 유튜브영상 HD로 퍼오기 2편 (목록형 플레이어 ) (3) | 2014.06.07 |
---|---|
JW PLAYER를 이용하여 유튜브영상 HD로 퍼오기 1편 (0) | 2014.06.06 |
JwPlayer로 자막 링크 시키기 (3) | 2014.01.16 |
Jwplayer Image Rotator로 포토갤러리 만들기 (0) | 2014.01.11 |
JW PLAYER 목록형 플레이어 만들기 (14) | 2013.09.18 |