videojs

운영자 | 기사입력 2017/12/08 [05:26]
>
필자의 다른기사 보기 인쇄하기 메일로 보내기 글자 크게 글자 작게
videojs
 
운영자   기사입력  2017/12/08 [05:26]

<script src='/js/video.js'></script>

 <link href='/js/video-js.css' rel='stylesheet'>

 <script src="/js/videojs-playlist.js"></script>

 

<script type="text/javascript">
  var player = videojs('video_1');
   
  player.playlist([ {
  sources: [{
  src: 'http://tv.inswave.net:8080/vod/kstory_kr/201712/BandVideo8.mp4',
  type: 'video/mp4'
  }],
  poster: '//www.kstory.kr/data/kstory_kr/201712/img_png/BandVideo8.png'
  },
  {
  sources: [{
  src: 'http://tv.inswave.net:8080/vod/kstory_kr/201712/BandVideo21803.mp4',
  type: 'video/mp4'
  }],
  poster: '//www.kstory.kr/data/kstory_kr/201712/img_png/BandVideo21803.png'
  },
  {
  sources: [{
  src: 'http://tv.inswave.net:8080/vod/kstory_kr/201712/BandVideo17494.mp4',
  type: 'video/mp4'
  }],
  poster: '//www.kstory.kr/data/kstory_kr/201712/img_png/BandVideo17494.png'
  },
  {
  sources: [{
  src: 'http://tv.inswave.net:8080/vod/kstory_kr/201712/오투클린.mp4',
  type: 'video/mp4'
  }],
  poster: '//www.kstory.kr/data/kstory_kr/201712/img_png/오투클린.png'
  },
  {
  sources: [{
  src: 'http://tv.inswave.net:8080/vod/kstory_kr/201712/파이브지티.mp4',
  type: 'video/mp4'
  }],
  poster: '//www.kstory.kr/data/kstory_kr/201712/img_png/파이브지티.png'
  },
  ]);
   
  player.playlist.autoadvance(0);
   
  function vod_play(url,img_url) {
  document.getElementById('ins_vod_main').innerHTML = '<video poster="'+img_url+'" autoplay controls id="video_1" style="height: 430; width: 717;"><source src="'+url+'" type="video/mp4"></video>';
  //document.getElementById('news_area').innerHTML = 'aaaa';
  // document.getElementById('video_1').play();
   
  }
 

</script>

 

 

 

<script type="text/javascript">
  /*
   
  var video = videojs('video_1').ready(function(){
   
  var player = this;
   
  player.on('ended', function() {
  alert('video is done!');
  });
  });
  */
   
 

</script>

 

트위터 트위터 페이스북 페이스북 카카오톡 카카오톡
기사입력: 2017/12/08 [05:26]  최종편집: ⓒ iwav