顺手的播放操作
播放、暂停、调节进度和音量，也能切换全屏，操作都在播放器里。
PLAY / SEEK / SOUND Vido · 开源 HTML5 视频播放器OPEN SOURCE / PRESS PLAY
LET'SPLAY
喜欢的画面，
现在开场。
用 Vido 在小站上放一段喜欢的视频， 也可以展示自己的作品。
直接在浏览器里看，不用安装。
01 / THE SCREENING ROOM
先放一段，试试看。
下面就是 Vido 播放器，可以拖动进度、调节音量，随时暂停。
聚焦播放器后：空格播放 / 暂停，进度条方向键微调。
SMALL PLAYER. BIG PLAY ENERGY.播放、暂停，
播放、暂停，
按你的节奏来。
在个人主页展示作品，或给项目页放一段演示，Vido 都能用得上。
快一点，慢一点
从 0.5× 到 2×，在播放器设置里切换。回看一个动作，也可以慢慢来。
0.5× — 2×把它放进你的网站
加上容器和初始化代码，就能用自己的片源、尺寸与封面；进度条颜色也可以调整。
YOUR VIDEO. YOUR PAGE.02 / MAKE IT PERSONAL
给进度条一点小表情。
平时可以简简单单，也可以换成开心的小头像，配一条柔和的彩色进度。下面先试样式，喜欢再用。
样式预览 · 拖动看看58%
选一个喜欢的样子
选个小头像，让它陪着视频走。
只在本机处理，不会上传。设置会记在这个浏览器里。
03 / MAKE IT YOURS
下一场，在你的网站。
下载 Vido 2.0 的 dist 文件，加载样式和播放器，再填入自己的视频与头像。
player.js
const player = new vido({ el: '#screen', src: './your-film.mp4', poster: './your-poster.jpg', lang: 'zh', muted: true, avatar: './your-avatar.svg'}); // When the view unmounts:// player.destroy();认识一下它的边界
Vido 2.0 用 TypeScript 重写，不依赖 Vue 或 React。普通网页可以直接接入，React 等项目也能挂载和销毁播放器。
播放格式由浏览器决定，不内置 HLS 引擎或清晰度切换。画中画需要浏览器支持；字幕可接入 WebVTT 文件。镜头跳转、本地视频和页面关灯是官网演示工具。
读完整的 API 和兼容性说明