이전 목록 다음

video.js 소스가 서버에서는 작동하지 않습니다...

2015-04-30 (목) 13:19:08 3,271

그누보드 4를 사용 중입니다.

 

video.js 플러그인을 사용하기 위해 아래 소스를 적용 하여서 작동을 확인 하였습니다. 그런데...

 

video.js 와 video-js.css 파일을 다운로드하여 서버에 올리고 경로를 서버의 절대경로, 웹상의 경로...

 

등으로 수정을 해도 작동을 하지 않습니다. 원인이 무엇일까요? 고수님들의 답변 부탁드립니다.

 

<!DOCTYPE html>
<html>
<head>
  <title>Video.js | HTML5 Video Player</title>

  <!-- Chang URLs to wherever Video.js files will be hosted -->
  <link href="video-js.css" rel="stylesheet" type="text/css">
  <!-- video.js must be in the <head> for older IEs to work. -->
  <script src="video.js"></script>

  <!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->

  <script>
    videojs.options.flash.swf = "video-js.swf";
  </script>


</head>
<body>

  <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"
      data-setup="{}">
    <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
    <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
    <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
    <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
    <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
    <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
  </video>

</body>
</html>

 

|

답변 1개

2015-04-30 (목) 13:42:43

경로 문제일 가능성 농후해 보입니다.

그 경우가 아니라면 따로 인클루두된 js나 css가 충돌이 일어나서 그런 걸 수 있으니 확인해보세요

답변을 작성하려면 로그인이 필요합니다.