wordpress原生html5播放器,Wordpress视频插件HTML5自适应视频播放器Plyr

4a4040833008x1787241116b15.jpg

loading.png&w=280&h=210&a=&zc=1

类别: WordPress插件应用平台: wordpress插件版本: 无升级版本最后更新: 2018年7月16日18:11

说到wordpress,视频播放功能简直就是鸡肋. 不要丑陋,根本不要美化它. 这不是我想要的,太丑了!

796f3b39edfcf5e1d377f092c1bea102.png

在过去两天中,我在网站上添加了一两个视频. 由于该视频是外部视频,因此本地文章中的视频样式确实太丑陋,而且不是最多余的,也不是自适应的,我该如何接受这样的面值控制?在网站上找到决定性的差异. 是否有任何好的视频插件,更不用说找一个了,但是这些插件不是太大,它们被添加在源代码中除了他自己的版权信息外,像我这样的新网站的这一部分也要维护该作者的网站,这简直令人无法忍受,然后wp视频播放软件,幸运的是,很幸运地找到了一个.

这是我今天需要分享的插件“ Plyr”. 该插件也非常易于使用. 一个按钮“ Plyr”将被添加到您的文章编辑器中. 单击它后,将像往常一样弹出一个窗口. 输入视频地址和图片地址.

操作再简单不过了. 我已经在WordPress 4.9版上进行了测试,显示效果不是很好. 操作很顺利.

water_2016051717225496423.jpg

ds.jpg

Plyr自适应视频插件

该插件具有出色的做工和精致,仅具有简单的功能wp视频播放软件,即视频播放.

5839b5886393736d6a034b4ffb89857a.png

演示

预览

为什么“ Plyr”视频插件出来并推荐它?那是因为该插件非常巧妙. 作者是一个鲜为人知的大师. 插件使用的文件是三个文件,索引文件和两个文件. js文件,那么这个插件有多大?我告诉你,估计只有“ 3KB”是作者自己的插件.

20141008030307850.jpg

我检查了源代码,并且作者也很慷慨,但是我没有留下任何关于自己的信息,这深深地打动了我的心.

旧规则禁止使用解压缩密码收集压缩包. 在底部的注释后刷新页面以查看解压缩密码! ! !

下载信息插件名称: Plyr应用平台: wordpress插件版本: 无升级版本插件大小: 3KB

网络驱动器密码: 可登录

下载地址

本文来自电脑杂谈,转载请注明本文网址:

http://www.pc-fly.com/a/bofangqi/article-242761-1.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML5视频播放器是一种用于在网页中播放视频的技术,它具有跨平台、无需第三方插件等优点。下面是20个常用的HTML5视频播放器及其代码: 1. Video.js播放器: 使用Video.js播放器,需要在页面头部添加相应的CSS和JS文件引用。然后,使用以下代码创建一个视频播放器: ``` <video id="my-video" class="video-js" controls preload="auto" width="640" height="264" data-setup="{}"> <source src="video.mp4" type="video/mp4"> </video> ``` 2. Plyr播放器Plyr播放器使用简单,只需在页面头部引用Plyr的CSS和JS文件,然后使用以下代码添加一个视频播放器: ``` <video controls crossorigin playsinline> <source src="video.mp4" type="video/mp4"> </video> ``` 3. JW Player播放器: JW Player是一个功能强大的HTML5视频播放器,创建一个播放器需要使用一些JS代码,如下所示: ``` <div id="player"></div> <script> var playerInstance = jwplayer("player"); playerInstance.setup({ file: "video.mp4", height: 360, width: 640 }); </script> ``` 4. MediaElement.js播放器: MediaElement.js是一个全功能的HTML5媒体播放器库。使用以下代码创建一个视频播放器: ``` <video width="640" height="360" controls> <source src="video.mp4" type="video/mp4"> </video> <script src="mediaelement-and-player.min.js"></script> ``` 其他常用的HTML5视频播放器还有DPlayer、CKPlayer、HLSPlayer等,使用方法可在官网上查找相关文档。希望以上回答对您有帮助!

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值