html 播放器 plyr,plyr.html

- 视频播放

HTML5 多媒体播放器 https://plyr.io/

• 选项1
• 选项2

Plyr 是一个使用 HTML5 开发的基于浏览器上的多媒体播放器。支持自定义的播放控制和 WebVTT 字幕。

特性：

• 可访问性 - 完全支持字幕和屏幕阅读器

• 轻量级 - 压缩后只有 4.8Kb

• 可定制 - 外观可以根据需要进行调整

• 语义化 - 使用 HTML5 的输入框进行音量和进度的调整

• 快速响应 - 就像你预期的那样

• 音频和视频- 支持视频和纯音频

• API - 易用 API

• 向下兼容 - 如果浏览器不支持，则自动使用内建播放器

• 全屏支持 -支持原生全屏和退出全屏

• 无依赖 - 使用原生 JS 编写，不需要jQuery

视频播放

• 选项1
• 选项2

Download

音频播放

• 选项1
• 选项2

您的浏览器不支持在线播放，请下载

(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

原始数据

按行查看

历史