WordPress多格式视频播放插件Easy Video Player使用教程
前几天分享了一款WordPress支持多视频格式播放的插件Easy Video Player,今天把这款插件的基础使用教程也翻译了一下,分享给有需要的。
Easy Video Player插件官方地址:https://wordpress.org/plugins/easy-video-player/
1,插件基础配置
在插件安装并启用之后,要在设置/Easy Video Player里设置勾选:Enable jQuery,这样可以允许插件使用WordPress程序的jQuery library。
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"]
默认的播放器皮肤是这样的:
替换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"]
关于插件的更多帮助文档可以查看官方地址:点击查看;
这个学习了!