JW PLAYER 목록형 플레이어 만들기

jwplayer 목록형 플레이어 만드는 방법입니다
jw player와 구글드라이브에 대해 어느정도 아신다는 가정하에 이글을 작성합니다
구글드라이브에 파일 올려 주소따는 방식으로 진행합니다 
 

구글드라이브에 파일 올리기

아래 아키버드님의 블로그 보시고 따라하시면 됩니다

http://rrss.tistory.com/3

여기서는 jw player와 xml파일은 티스토리에 올린걸 썼습니다
주의하실점은  플레이어와 xml파일은 반드시 같은곳에 올려야 합니다.

<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;playlistsize=240&amp;playlist=bottom&amp;backcolor=000000&amp;frontcolor=#FBBEA1

&amp;lightcolor= #ADDFFF&amp;menu=false&amp;repeat=list&amp;icons=false" width="960" height="805" >

플레이리스트 위치나 크기는 적당히 조절하면 됩니다

플레이 리스트를 우측에 붙일때는 playlist=bottom에서 bottom을 right로 바꿔넣으면 됩니다 
색상은 색상코드표를 보고 맘에 드는걸로 써주시면 됩니다. (색상코드표는 밑의 게시물에 있습니다)

위태그에 xml파일 링크만 따서 붙여 넣으시면 됩니다~

xml 작성 예

<playlist xmlns="http://xspf.org/ns/0/" version="1">

<title>KARA Music Video Player</title>

<tracklist>

<track>

<title>Mr.</title>

<annotation>KARA Music Video JP Ver. Player</annotation>

<location>

http://www.googledrive.com/host/0B84bK_ixBZXjQVNmNVlISlJsV3M

</location>

<image>

http://i.imgur.com/39Zi0Md.jpg

</image>

<meta rel="type">video</meta>

</track>

<track>

<title>Electric Boy</title>

<annotation>KARA Music Video JP Ver. Player</annotation>

<location>

http://www.googledrive.com/host/0B84bK_ixBZXjT2h5ZjZCSE9oQTQ

</location>

<image>

http://i.imgur.com/LWygIrU.jpg

</image>

<meta rel="type">video</meta>

</track>

<track>

<title>Speed Up</title>

<annotation>KARA Music Video JP Ver. Player</annotation>

<location>

http://www.googledrive.com/host/0B84bK_ixBZXjM0FocUJ4SldBb2c

</location>

<image>

http://i.imgur.com/yi9yVqL.jpg

</image>

<meta rel="type">video</meta>

</track>

</tracklist>

</playlist>

 

위 예문을  메모장에 복사해 붙여놓고

타이틀에 제목적고,로케이션에 기존 구글에올린 파일 주소 넣으시면 됩니다.애노테이션에 설명 적으면 되고,이미지는
Imgur에 사진올려 링크주소 따서 넣었습니다

내용을 다 작성하신후 메모장 파일에서 다른이름으로 저장 선택,제목적고 확장자는 반드시 xml로,인코딩은 UTF-8로 지정한후

티스토리 스킨에 올리고 링크주소따서 위 태그 playlistfile=여기에 붙여 넣으시면 됩니다~~


아래는 위 결과물입니다~