基础使用

1. 基础使用演示

2. 示例代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" charset="utf-8" src="https://cdn.zwplayer.com/v3/zwplayer/zwplayer.js"></script>
</head>
<body>
<div id="mse" style="width: 800px; aspect-ratio: 16/9; margin: 0 auto;"></div>
<script type="text/javascript">
    var info = {
        playerElm: 'mse',
        url: 'https://d2zihajmogu5jn.cloudfront.net/elephantsdream/ed_hd.mp4',
        infoButton: true,
        optionButton: true,
        snapshotButton: true,
        controlbar: true,
        autoplay: true,
        fluid: true,
        ratio: "16:9",
    };
    new ZWPlayer(info);
</script>
</body>
</html>

3. 配置参数说明

参数	类型	默认值	说明
playerElm	String 或 Element	-	播放器容器元素或选择器
url	String 或 Object	-	视频文件的URL地址
infoButton	Boolean	false	是否显示视频信息按钮
optionButton	Boolean	false	是否显示视频选项按钮
snapshotButton	Boolean	false	是否显示视频截图按钮
controlbar	Boolean	true	是否显示视频控制条
autoplay	Boolean	true	是否自动播放视频
fluid	Boolean	false	是否启用流体布局
ratio	String	“16:9”	视频比例，如 “16:9” 或 “4:3”