video.js 播放hls直播视频(.m3u8)谷歌浏览器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>videojs视频播放DEMO</title>
<link href="https://cdn.bootcss.com/video.js/6.3.3/video-js.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/video.js/6.3.3/video.min.js"></script>
<script src="https://cdn.bootcss.com/videojs-contrib-hls/5.11.0/videojs-contrib-hls.js"></script>
</head>
<body>
<video id="previews" style="width: 500px;height: 500px;"></video>
</body>
</html>
<script>
var myvideo = videojs('previews', {
autoplay: true,
muted: true,
preload: "auto",
sources: [{
src: "http://localhost:80/openUrl/nOLYL2U/live.m3u8",
type: 'application/x-mpegURL',
}]
}, function () { //视频实时播放
var self = this;
self.play();
});
</script>