「原创」Typecho Plyr HTML5自适应视频播放插件
版主: woniou
-
- 帖子: 22
- 注册时间: 2015年 4月 27日 11:16
- 来自: https://sep.cc
- 联系:
「原创」Typecho Plyr HTML5自适应视频播放插件
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 原生样式:
使用 Plyr HTML5 样式:
本插件就是上图这个样式,比原生样式好看多了,大家觉得怎么样?
如果您觉得麻烦,也可以先体验一下效果;
预览地址:https://sep.cc/Unbroken.html
插件以及使用方法地址:https://sep.cc/Plyr.html