加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > CMS系统 > wordpress > 正文

WordPress多格式视频播放插件Easy Video Player教程

发布时间:2020-12-14 14:28:18 所属栏目:wordpress 来源:网络整理
导读:由站长 通过网络收集整理的代码片段。编程之家小编现在分享给大家,也给大家做个参考。 前几天分享了一款 wordpress 支持多视频格式播放的插件 Easy Video Player ,今天把这款插件的基础使用教程也翻译了一下,分享给有需要的。 1,插件配

以下代码由PHP站长网 52php.cn收集自互联网现在PHP站长网小编把它分享给大家,仅供参考

前几天分享了一款 wordpress 支持多视频格式播放的插件 Easy Video Player ,今天把这款插件的基础使用教程也翻译了一下,分享给有需要的。

1,插件配置

在插件安装并启用之后,要在设置/Easy Video Player 里设置勾选:Enable jQuery,这样可以允许插件使用 WordPress 程序的 jQuery library。


2,短代码

a,在创建的页面或者文章里,输入以下代码,就可以播放视频了(备注:http://example.com/wp-content/uploads/videos/myvid.mp4,这个是视频地址,可以是上传到自己 WordPress 网站上的,可以是第三方网站支持外链播放的视频地址。):

[evp_embed_video url="http://example.com/wp-content/uploads/videos/myvid.mp4"]

b,视频自动播放代码

[evp_embed_video url="http://example.com/wp-content/uploads/videos/myvid.mp4" autoplay="true"]

c,自定义视频播放尺寸代码(备注:在上面的播放段代码中,只设置了播放器的长,而没有设置高,因为这个插件的的播放器窗口是约束比例的,设定了宽度,会自动设置播放器窗口的高度)。

[evp_embed_video url="http://example.com/wp-content/uploads/videos/myvid.mp4" width="500"]

d,视频播放器窗口默认比例,默认的约束比例是:0.417。拿上面的宽度是 500PX 来举例,高度应该是:208PX;如果不想详细的写宽高,直接写比例也行的,具体代码是:

[evp_embed_video url="http://example.com/wp-content/uploads/videos/myvid.mp4" ratio="0.345"]

e,播放器皮肤,播放器是有默认皮肤的,可以通过段代码覆盖,具体的代码是:

[evp_embed_video url="http://example.com/wp-content/uploads/videos/myvid.mp4" class="fp-minimal"]

[evp_embed_video url="http://example.com/wp-content/uploads/videos/myvid.mp4" class="fp-playful"]

默认的播放器皮肤是这样的(替换 class 后面的 fp-minimal 和 fp-playful,可以修改):



f,视频循环播放

[evp_embed_video url="http://example.com/wp-content/uploads/videos/myvid.mp4" loop="true"]

g,视频自定义播放页面图片功能(http://example.com/wp-content/uploads/images/poster.jpg,这个就是默认播放首页的图片地址,这个尺寸要和播放器尺寸一致)

[evp_embed_video url="http://example.com/wp-content/uploads/videos/vid1.mp4" poster="http://example.com/wp-content/uploads/images/poster.jpg"]

h,视频分享功能,视频分享功能默认是可用的,如果不想用,可以用如下的代码(因为是国外的视频播放插件,分享功能也都是国外社交媒体,建议还是禁止为好):

[evp_embed_video url="http://example.com/wp-content/uploads/videos/vid1.mp4" share="false"]

i,可修改的播放器插件参数

[evp_embed_video url="http://example.com/wp-content/uploads/videos/vid1.mp4" class="no-toggle"]

no-toggle:视频播放按钮在视频的下方

fp-slim:时间线在鼠标悬停的时候可以看到,也可以随意拖动,但确保视频速度能跟得上

fp-full:视频全屏按钮在视频时间线边上

no-buffer:增加视频缓存按钮

fp-mute:增加静音按钮

no-volume:隐藏音量按钮


以上参数,是可以多个参数一起使用的,可以参考这个:

[evp_embed_video url="http://example.com/wp-content/uploads/videos/vid1.mp4" class="no-toggle fp-mute no-volume"]

关于插件的更多帮助文档可以查看官方地址:点击查看。

以上内容由PHP站长网【52php.cn】收集整理供大家参考研究如果以上内容对您有帮助,欢迎收藏、点赞、推荐、分享。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读