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

2018年11月5日09:12:38 技术分享 1 204

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

Easy Video Player插件官方地址:https://wordpress.org/plugins/easy-video-player/

1,插件基础配置

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

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

2,常规短代码

a,在创建的页面或者文章里,输入以下代码,就可以播放视频了:

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

备注:http://example.com/wp-content/uploads/videos/myvid.mp4,这个是视频地址,可以是上传到自己WordPress网站上的,可以是第三方网站支持外链播放的视频地址。。

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"]

默认的播放器皮肤是这样的:

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

替换class后面的fp-minimal和fp-playful,可以修改。

f,视频循环播放

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

g,视频自定义播放页面图片功能

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

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"]

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

目前评论:1   其中:访客  1   博主  0

    • 岐山猕猴桃 岐山猕猴桃 1

      这个学习了!

    发表评论

    :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: