M3u8格式播放实测七牛视频播放

最新推荐文章于 2025-10-29 00:30:27 发布

原创最新推荐文章于 2025-10-29 00:30:27 发布 · 8.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#七牛 #视频 #m3u8 #HLS

本文介绍了一种基于Web技术的音视频直播流媒体实现方案。通过使用HTML5的video标签及相关的JavaScript API，可以轻松地搭建起一个支持多种源格式（如M3U8）的直播平台。文中详细解释了如何引入必要的样式表和脚本文件，并展示了如何设置video元素以实现自动加载和播放功能。

<link href="/static/videojs/video.css" rel="stylesheet">
<script src="/static/videojs/video.js"></script>
<script src="/static/videojs/videojs-live.js"></script>


        <video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="1000" height="500"
               data-setup='{}'>
            <!-- <source src="/hLive/src/z.m3u8" type="application/x-mpegURL"> -->
            <source src="VIDEO_URL" type="application/x-mpegURL">
        </video>