Plyr —— 轻量级的 HTML5 多媒体播放器

最新推荐文章于 2021-05-26 07:35:31 发布
最新推荐文章于 2021-05-26 07:35:31 发布
阅读量1.1k 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://yq.aliyun.com/articles/114230
版权

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

特性：

  • 可访问性 - 完全支持字幕和屏幕阅读器
  • 轻量级 - 压缩后只有 4.8Kb
  • 可定制 - 外观可以根据需要进行调整
  • 语义化 - 使用 HTML5 的输入框进行音量和进度的调整
  • 快速响应 - 就像你预期的那样
  • 音频和视频- 支持视频和纯音频
  • API - 易用 API
  • 向下兼容 - 如果浏览器不支持，则自动使用内建播放器
  • 全屏支持 -支持原生全屏和退出全屏
  • 无依赖 - 使用原生 JS 编写，不需要jQuery

screenshot

文章转载自 开源中国社区 [http://www.oschina.net]
weixin_33693070
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
plyrio:Plyr是一种简单明了的方法，可在您的应用中实现出色的视频播放器，而无需担心状态管理。 它具有多种功能，使其在市场上与其他竞争者脱颖而出。 您可以在个人和商业项目中自由使用它。 它基于Plyr.io
05-12
PLYR视频播放器 Plyr是一种简单明了的方法，可在您的应用中实现出色的视频播放器，而无需担心状态管理。 它具有多种功能，使其在市场上与其他竞争者脱颖而出。 您可以在个人和商业项目中自由使用它。 它基于Plyr.io 特征 支持缩略图 支持直播 支持M3U8文件 支持多种字幕 支持多种视频质量 支持缓存 流畅的视频加载 响应式设计 支持本地文件 离线工作 还有更多。 文件 有关更多文档，您可以在这里访问： 笔记 此扩展名不再维护。 因此，如果您有任何问题，则必须自己解决。 此外，如果您发现此修复程序或更新有用，可以告诉我我将在此处链接您的存储库。 享受
基于 Web 实现 m3u8 视频播放的简单应用示例
前端开发
05-31 2001
基于 Web 实现 m3u8 视频播放的简单应用示例
HTML5视频音频播放插件Plyr.js
06-01
Plyr 是一个使用 HTML5 开发的基于浏览器上的多媒体播放器。支持自定义的播放控制和 WebVTT 字幕。
vue音频播放组件_一组用于Pyry视频和音频播放器的Vue组件
cuk5239的博客
07-22 3654
vue 音频播放组件 维普利尔 (vue-plyr) A set of Vue components for the plyr video & audio player. 用于plyr视频和音频播放器的一组Vue组件。 This is useful for when you want a nice video player in your Vue app. 当您想要在Vue应用程序中...
HTML5多媒体播放器Plyr.zip
07-19
Plyr 是一个使用 HTML5 开发的基于浏览器上的多媒体播放器。支持自定义的播放控制和 WebVTT 字幕。特性：可访问性 - 完全支持字幕和屏幕阅读器轻量级 - 压缩后只有 4.8Kb可定制 - 外观可以根据需要进行调整语义化 -...
基于Flask和Plyr的HTML5视频播放服务器.zip
最新发布
02-12
html5开发
vdo-plyr:HTML5视频播放器
04-28
VDO胶合板用于Cozy PaaS软件HTML5视频播放器。 这项工作仍在进行中。
khplayer:KienHTML5播放器| 由Plyr支持HTML5播放列表播放器
05-12
生成是一个播放列表播放器不接触CSS，JS 其他特性 播放清单。 （KHPlayer） 每个视频可以选择许多字幕/分辨率。 （胶合板） 自动下一集。 （KHPlayer） 在同一页面上创建多个播放列表。 （KHPlayer） 支持.m3u8 ...
R七种武器之plyr第一部分（视频）
07-18
plyr包可以进行类似于数据透视表的操作，将数据分割成更小的数据，对分割后的数据进行些操作，最后把操作的结果汇总。 本文主要介绍以下内容： Split-Aapply-Combine 原理介绍 baby_names的名字排名 求分段拟合的系数 部分其他函数介绍 在正式开始之前，请确保电脑上已经安装plyr，如果没有，通过install.packages()函数进行安装
h5视频播放器
01-08
根据plyr.js实现的h5视频播放器，可直接用于项目开发！
plyrue:Plyr.io的Vue.js插件
05-14
普利鲁 Vue.js插件的 关于 Plyrue（/ pliru /）是一个Vue插件，实际上是流行的媒体播放器的包装。 它提供了一个简单的API来与Vue应用程序一起使用。 安装 npm install plyrue # or yarn add plyrue 初始化 import App from './App.vue' ; import Plyrue from 'plyrue' ; import Vue from 'vue' ; Vue . use ( Plyrue ) ; new Vue ( { render : h => h ( App ) , } ) . $mount ( '#app' ) ; 无需初始化插件即可使用Plyrue组件： import { PlyrueComponent as Plyrue } from 'plyrue' ; ... export defaul
超级棒的170+款web前端开发工具汇总，千万要收藏好！
web前端开发
02-27 3822
作者 | web前端开发来源 | web前端开发我们与企业内部的Web开发团队进行了很多次交流，研究了很长时间，最后将Debug工具与Web前端开发工具整理汇总在了一起，这些工具对每个W...
vue-plyr修改语言为中文 国际化配置
iMingzhen的博客
05-17 1477
vue-plyr修改语言为中文 国际化配置 因为vue-plyr是封装了plyr.js，所以文档配置部分和plyr.js一致 https://github.com/sampotts/plyr 文档中可以看出plyr是用i18n做国际化也就是语言配置 而配置项是options中的i18n对象 demo如下 用的vue3 ，vue2同理 <template> <vue-plyr :options="options"> <video controls crossorigi
playm3u8插件 android,playm3u8插件免费版下载
weixin_36280492的博客
05-26 1830
playm3u8插件工具是一款非常好用的播放器插件，能够帮助你的视频插件升级到最高版本，避免麻烦的弹窗影响软件的使用！感兴趣的小伙伴快来当易网下载体验吧！playm3u8插件免费版内容介绍m3u8也是一种m3u，只是它的编码格式是utf-8格式。m3u用latin-1字符集编码。m3u8的好处主要是可以做多码率的适配，根据网络带宽，客户端会自动选择一个适合自己码率的文件进行播放，保证视频流的流畅。...
playm3u8插件 android,Playm3u8插件下载|Playm3u8插件 免费版_最火软件站
weixin_39637397的博客
05-26 1689
playm3u8插件是一款用于提取m3u8云解析地址的插件工具，这款插件可以帮助你解决playm3u8插件版本过低造成的无法使用的问题，非常的实用，需要的朋友快来下载使用吧。playm3u8插件介绍M3U8直播流htm5目前网页是不支持的只能自己写了。不过html5 video标签支持的视频还要看在那个浏览器上每个浏览器都不一样。当前，video 元素支持三种视频格式Ogg MPEG4 WebM。...
plyr/video.js视频播放器测试实例
weixin_33853827的博客
09-02 2565
为什么80%的码农都做不了架构师？>>> ...
Plyr – 简单，灵活的 HTML5 媒体播放器
weixin_39037804的博客
10-03 2276
　　Plyr 是一个简单的 HTML5 媒体播放器，包含自定义的控制选项和 WebVTT 字幕。它是只支持现代浏览器，轻量，方便和可定制的媒体播放器。还有的标题和屏幕阅读器的全面支持。 在线...
10个最佳jQuery和HTML5媒体播放器
06-09
4. Plyr：轻量级、可定制的HTML5媒体播放器，支持YouTube和Vimeo嵌入 5. Flowplayer：强大的HTML5和Flash视频播放器，具有广泛的插件和API支持 6. VideoJS-Youtube：将YouTube视频嵌入Video.js播放器中的插件 7. ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值