videoJS HLS不在Production Server上工作,但在Localhost中工作

时间:2017-09-15 16:00:01

标签: video.js hls

我一直在尝试制作这个视频.JS HLS。当我在localhost中执行它时它工作得很好但是当我将它上传到服务器时它给了我“VIDEOJS:错误:(代码:4 MEDIA_ERR_SRC_NOT_SUPPORTED)没有找到此视频的兼容源。”

以下是以下代码:

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Video</title>

  <link href="http://vjs.zencdn.net/4.12/video-js.css" rel="stylesheet">
  <script src="http://vjs.zencdn.net/4.12/video.js"></script>
 <script src="https://github.com/videojs/videojs-contrib-media-sources/releases/download/v0.1.0/videojs-media-sources.js"></script>
  <script src="https://github.com/videojs/videojs-contrib-hls/releases/download/v0.11.2/videojs.hls.min.js"></script>

</head>
<body>
  <h1>Video</h1>

  <video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="268" 
  data-setup='{}'>
    <source src="https://mnmedias.api.telequebec.tv/m3u8/29880.m3u8" type='application/x-mpegURL'>
  </video>

  <script>
  var player = videojs('my_video_1');
  </script>

</body>
</html>

任何人都可以告诉我,如果我需要对服务器做些什么来使这项工作?感谢

1 个答案:

答案 0 :(得分:0)

尝试验证您的服务器是否已激活CORS。 转到videojs cors文档:https://github.com/videojs/videojs-contrib-hls 在这里进行测试: http://client.cors-api.appspot.com/client