「原创」Typecho Plyr HTML5自适应视频播放插件

插件开发及发布

版主: woniou

「原创」Typecho Plyr HTML5自适应视频播放插件

帖子cyclists » 2018年 9月 26日 03:18

20180925223901.png
20180925223901.png (884.24 KiB) 被浏览 685 次


Plyr
简单,轻便,可访问且可自定义的HTML5,YouTube和Vimeo媒体播放器,支持现代浏览器。

Features
Accessible - full support for VTT captions and screen readers
Customisable - make the player look how you want with the markup you
want
Good HTML - uses the right elements. <input type="range">for volume
and <progress>for progress and well, <button>s for buttons. There's
no <span> or <a href="#"> button hacks
Responsive - works with any screen size
HTML Video & Audio - support for both formats
Embedded Video - support for YouTube and Vimeo video playback
Monetization - make money from your videos
Streaming - support for hls.js, Shaka and dash.js streaming playback
API - toggle playback, volume, seeking, and more through a
standardized API
······
更多详情请访问 plyr 官网:https://plyr.io

基于 plyr 开源项目制作了一个视频播放插件,美化了元素控件,就这样。

使用 HTML5 原生样式:
20180926000103.png
20180926000103.png (289.59 KiB) 被浏览 685 次


使用 Plyr HTML5 样式:
20180926001558.png
20180926001558.png (293.25 KiB) 被浏览 685 次


本插件就是上图这个样式,比原生样式好看多了,大家觉得怎么样?

如果您觉得麻烦,也可以先体验一下效果;

预览地址:https://inwao.com/Unbroken.html

插件以及使用方法地址:https://inwao.com/Plyr.html
cyclists
 
帖子: 18
注册: 2015年 4月 27日 11:16
地址: https://inwao.com

回到 插件及扩展

在线用户

正在浏览此版面的用户:Baidu [Spider] 和 7 位游客