支持协议格式

1. 格式支持演示

2. 格式支持特性

无论视频采用何种协议或编码格式，zwplayer都采用同样的调用方式，这样开发者不需要深入了解 HLS、DASH 等各种流媒体协议的区别，也不必为不同视频格式寻找和配置不同的播放插件，最大限度地降低技术门槛。您只需提供一个视频地址，剩下的交给zwplayer。

zwplayer支持的文件编码有：

h264
h265
av1
mp3
opus

支持的协议有：

点播：http-flv、ws-flv、hls、dash、http-mp4
直播：http-flv、ws-flv、hls、dash、ts、webrtc、rtsp

高级特性

支持HLS、DASH内嵌多码率：可手动选择特定码率，也支持自适应码率播放（根据当前网络状况自动选择适合的码率）。
无插件支持rtsp协议：浏览器无需安装任何插件，直接播放rtsp视频流。

下一步还将支持

vr
h266
...

敬请期待！

3. 代码示例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" charset="utf-8" src="https://cdn.zwplayer.cn/v3/zwplayer/zwplayer.js"></script>
</head>
<body>
<div id="mse" style="width: 800px; height: 450px;  margin: 0 auto;"></div>
<script type="text/javascript">
    var info = {
        playerElm: 'mse',
        url: 'https://example.com/video.m3u8',  //实际的url地址
        infoButton: true,
        optionButton: true,
        snapshotButton: true,
        controlbar: true,
        autoplay: true,
        isLive: false,          // 直播设置为true
    };
    new ZWPlayer(info);
</script>
</body>
</html>

4. 配置参数说明

参数	类型	默认值	说明
playerElm	String 或 Element	-	播放器容器元素或选择器
url	String 或 Object	-	视频文件的URL地址
infoButton	Boolean	false	是否显示视频信息按钮
optionButton	Boolean	false	是否显示视频选项按钮
snapshotButton	Boolean	false	是否显示视频截图按钮
controlbar	Boolean	true	是否显示视频控制条
autoplay	Boolean	true	是否自动播放视频
isLive	Boolean	false	是否直播视频

5. 免责申明

1、zwplayer 是一个基于 HTML5 技术开发的免费视频播放器项目。本项目是开源、非商业化的，旨在为开发者社区提供技术参考和交流，无任何盈利目的。
2、本播放器为演示功能所引用的所有测试视频、流媒体链接等内容，均来源于公开网络。
3、这些视频仅用于测试播放器的兼容性、功能性和性能，内容不代表本项目观点。
5、请在邮件中提供足够的版权证明材料和具体侵权链接，我们将在核实情况后的合理时间内立即删除或屏蔽相关测试内容。

目录导航