搬码资源网广告位 搬码资源网广告位

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

@H_404_0@下面是搬码源码网 abnma.com 通过网络收集整理的代码片段。搬码源码网小编现在分享给大家,也给大家做个参考。

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

@H_404_0@1,插件配置

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

@H_404_0@

@H_404_0@

@H_404_0@2,短代码

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

@H_404_0@[evp_embed_video url=”http://example.com/wp-content/uploads/videos/myvid.mp4″]

@H_404_0@b,视频自动播放代码

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

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

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

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

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

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

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

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

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

@H_404_0@

@H_404_0@

@H_404_0@

@H_404_0@f,视频循环播放

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

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

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

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

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

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

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

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

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

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

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

@H_404_0@fp-mute:增加静音按钮

@H_404_0@no-volume:隐藏音量按钮

@H_404_0@

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

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

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

@H_404_0@以上是搬码源码网(abnma.com)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。如果觉得搬码源码网网站内容还不错,欢迎将搬码源码网网站推荐给程序员好友。

声明:
本站发布的文章及附件仅限用于学习和研究目的;不得将上述内容用于商业或非法用途,否则后果请用户自负。
本站资源来自网络收集,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。
如果您喜欢该程序,请支持正版软件,得到更好的正版服务。
本文链接:https://www.abnma.com/11231.html,转载请注明出处。
如有侵权,请邮件联系我们删除处理。

0
搬码资源网广告位

评论0

请先

没有账号? 注册  忘记密码?