用video.js无法在网站上播放视频
我的Html代码如下,这个网页在本地打开能播放视频,但是上传到服务器上播放不了。
请问如何解决?
<!DOCTYPE html>
<head>
<title>videoJs</title>
<link href="https://vjs.zencdn.net/7.5.5/video-js.css" rel="stylesheet" />
<script src="https://vjs.zencdn.net/7.5.5/video.js"></script>
<script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>
</head>
<body>
<section id="videoPlayer">
<video id="example-video" width="600" height="300" class="video-js vjs-default-skin vjs-big-play-centered" poster="">
<source src="http://liveplay-kk.rtxapp.com/live/program/live/hddfws/4000000/mnf.m3u8" type="application/x-mpegURL" id="target">
</video>
</section>
<script type="text/javascript">
var player = videojs('example-video', {
"poster": "",
"controls": "true"
}, function() {
this.on('play', function() {
console.log('正在播放');
});
//暂停--播放完毕后也会暂停
this.on('pause', function() {
console.log("暂停中")
});
// 结束
this.on('ended', function() {
console.log('结束');
})
});
</script>
</body>
</html>