谷歌浏览器使用video.js 播放hls视频(.m3u8)正常播放,效果如下:
示例代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>videojs视频播放DEMO</title>
<link rel="stylesheet" href="video-js.min.css">
</head>
<body>
<h3>视频播放</h3>
<div id="example_video_1" style="width: 200px;height: 200px;">
<video id="previews"></video>
</div>
</body>
</html>
<script src="video.min.js"></script><!--7.5.0-->
<script>
var myvideo = videojs('previews', {
autoplay: true,
muted: true,
preload: "auto",
sources: [{
src: "https://cdn.theguardian.tv/HLS/2015/07/20/150716YesMen.m3u8",
type: 'application/x-mpegURL',
// //techOrder: ['html5','flash']
}]
}, function () { //视频实时播放
var self = this;
self.play();
});
</script>
项目下载地址:https://download.csdn.net/download/qq_40015157/13747650