我尝试在网页中播放带有 video.js 的 m3u8 文件流,但我无法做到这一点,我不知道错误在哪里
<!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="http://iphone-streaming.ustream.tv/uhls/3064708/streams/live/iphone/playlist.m3u8" type='video/mp4'>
</video>
<script>
</script>
</body>
</html>
代替type='video/mp4'
你需要type='application/x-mpegURL'
.
还要检查是否允许跨域请求 (CORS)。
托管注意事项
与本机 HLS 实现不同,HLS 技术必须遵守
浏览器的安全策略。这意味着所有文件
组成流必须由与页面相同的域提供
托管视频播放器或来自具有适当 CORS 的服务器
已配置标头。简单的说明适用于流行的
Web 服务器和大多数 CDN 应该可以毫无困难地启用 CORS
你的帐户。
Source: https://github.com/videojs/videojs-contrib-hls https://github.com/videojs/videojs-contrib-hls
CORS 操作方法:http://enable-cors.org/server.html http://enable-cors.org/server.html
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)