video.js 播放hls直播视频（.m3u8）谷歌正常播放示例（亲测有效附示例代码）

最新推荐文章于 2024-08-16 07:46:30 发布

程序媛zcx

最新推荐文章于 2024-08-16 07:46:30 发布

阅读量6k

点赞数

分类专栏：直播视频前端 JavaScript 文章标签： javascript video 直播视频

本文链接：https://blog.csdn.net/qq_40015157/article/details/102611895

版权

谷歌浏览器使用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,
        preloa