前几天分享了一款 WordPress 支持多视频格式播放的插件 Easy Video Player ,今天把这款插件的基础使用教程也翻译了一下,分享给有需要的。
在插件安装并启用之后,要在设置/Easy Video Player 里设置勾选:Enable jQuery,这样可以允许插件使用 WordPress 程序的 jQuery library。
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"]
关于插件的更多帮助文档可以查看官方地址:点击查看。
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!