[jwplayer] jwplayer 사용 예제

다음에 접속해서 player를 하나 생성한다. 

https://dashboard.jwplayer.com/#/players/list

참고 : http://moonlight-ramble.tistory.com/399

먼저 어떤 형태로 서비스할 고른다.

https://dashboard.jwplayer.com/#/players/downloads

js를 내부에서 읽도록 하려려면 EMBEDDING SELF-HOSTED PLAYERS 부분을 참조한다. 관련 소스를 다운받을 수 있다. 

api key는 다음을 참조한다. 

https://support.jwplayer.com/customer/portal/articles/2339133-accessing-your-api-key-secret

css 설정을 진행한다.

.jw-icon-rewind {

 display: none !important;

}

외부 jwplayer 코드 대신 인하우스(inhouse)용으로 진행하려면 jwplayer 코드를 모두 애플리케이션에 복사해서 사용할 수 있다..

jwplayer를 사용할 수 있게 하고 간단한 설정을 진행할 수 있게 한다. 

<script type="text/javascript">

var player = jwplayer();

if (document.cookie.indexOf("jwplayerAutoStart") == -1) {

  document.cookie = "jwplayerAutoStart=1";

  player.on('ready', function() {

    player.play();

  });

}

</script>

화면에 하나의 jwplayer만 사용하려면 아래와 같이 간단히 사용한다.

<div id="legacyPlayer" align="center"></div>

<script type="text/javascript">

   jwplayer("legacyPlayer").setup({

       width:370,

       height:250,

       file: "${Guide.objectUrl}",

   });

</script>

만약 테이블에서 jwplayer를 사용하려면 다음처럼 사용한다.

(freemarker 이용 코드)

<div id="legacyPlayer${item.id}" align="center"></div>

<script type="text/javascript">

   jwplayer("legacyPlayer${item.id}").setup({

       width:370,

       height:250,

       file: "${item.objectUrl}",

   });

</script>