Plyr

为什么？ 我们想要一个轻量、可访问且可定制的媒体播放器，支持现代浏览器。当然，市面上已有很多其他播放器，但我们希望保持简单，使用适合任务的正确元素。

特性 • 可访问性——完全支持 VTT 字幕和屏幕阅读器
• 轻量级——压缩后小于 10KB
• 可定制——通过你想要的标记自定义播放器外观
• 语义化——使用正确的元素：音量使用 <input type="range">，进度使用 <progress>，按钮则使用 <button>。没有使用 <span> 或 <a href="#"> 的按钮伪代码
• 响应式——如今天所期望的那样
• 支持 HTML 视频与音频格式
• 内嵌视频——支持 YouTube 和 Vimeo 视频播放
• API 接口——可控制播放、音量、快进等
• 统一事件——无需处理 Vimeo 和 YouTube 的不同 API，所有事件在各格式间通用
• 全屏模式——支持原生全屏，不支持时回退至“全窗口”模式
• 国际化支持——支持控件的多语言化
• 无依赖——使用“原生” JavaScript 编写，无需 jQuery
顺便说一句，它也兼容 Bootstrap。