WordPress教程

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

阿里云

前几天分享了一款 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 网站上的,可以是第三方网站支持外链播放的视频地址。):

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

b,视频自动播放代码

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

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

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

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

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

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

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

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

f,视频循环播放

  1. [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,这个就是默认播放首页的图片地址,这个尺寸要和播放器尺寸一致)

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

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

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

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

  1. [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:隐藏音量按钮
以上参数,是可以多个参数一起使用的,可以参考这个:

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

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

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

已有 743 人购买
查看演示升级 VIP立刻购买

收藏
(2)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!