HTML5 多媒体播放器 https://plyr.io/
Plyr 是一个使用 HTML5 开发的基于浏览器上的多媒体播放器。支持自定义的播放控制和 WebVTT 字幕。
特性:
可访问性 - 完全支持字幕和屏幕阅读器
轻量级 - 压缩后只有 4.8Kb
可定制 - 外观可以根据需要进行调整
语义化 - 使用 HTML5 的输入框进行音量和进度的调整
快速响应 - 就像你预期的那样
音频和视频- 支持视频和纯音频
API - 易用 API
向下兼容 - 如果浏览器不支持,则自动使用内建播放器
全屏支持 -支持原生全屏和退出全屏
无依赖 - 使用原生 JS 编写,不需要jQuery
您的浏览器不支持在线播放,请下载
(function (d, u) {
var a = new XMLHttpRequest(),
b = d.body;
// Check for CORS support
// If you're loading from same domain, you can remove the if statement
if ("withCredentials" in a) {
a.open("GET", u, true);
a.send();
a.onload = function () {
var c = d.createElement("div");
c.setAttribute("hidden", "");
c.innerHTML = a.responseText;
b.insertBefore(c, b.childNodes[0]);
}
}
})(document, "css/plugins/plyr/sprite.svg");
plyr.setup();
一键复制
编辑
Web IDE
原始数据
按行查看
历史