【发布时间】:2016-02-21 09:19:39
【问题描述】:
我正在使用 videojs 在我的服务器上播放 HLS/M3U8,视频文件加载正常,但播放几秒钟后它停止,我必须按下暂停/播放来恢复流我有一个快速连接我没有'不知道为什么会这样。
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="" name="description">
<meta content="width=device-width, initial-scale=1" name="viewport">
<title>HLS Test</title>
<link href="http://vjs.zencdn.net/5.7.1/video-js.css" rel="stylesheet">
</head>
<body>
<video class="video-js" controls="" data-setup="{}" height="264" id=
"my-video" poster="MY_VIDEO_POSTER.jpg" preload="auto" width=
"640"><source src=
"http://184.72.239.149/vod/smil:BigBuckBunny.smil/playlist.m3u8" type=
"application/x-mpegURL">
<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>
<script src="http://vjs.zencdn.net/5.7.1/video.js"></script>
<script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
<script src="/static/videojs-hls.min.js"></script>
<script>
var player = videojs('my-video');
player.play();
</script>
</body>
</html>
【问题讨论】:
-
您是否在没有
videojs的情况下仅使用视频标签进行了测试? -
不,我希望使用videojs进行跨平台
-
这似乎是一个
videojs-hls问题。只请求前 6 个块,然后什么也没有。我用Viblast Player 进行了测试,它工作得很好。题外话:您的代码受 videojs issue #2831 影响。我几乎无法让它在我的机器上运行。 -
@SvetlinMladenov 注意到了 videojs 问题,我找到了一个解决方案,我只需用 videojs 加载 flashls 我不知道这是如何工作的,但演示工作。
标签: javascript html video-streaming html5-video video.js