WordPress之HTML5播放器插件

2018年11月22日12:15:19 1 579 views
摘要

Videojs HTML5 Player 是一款具备友好用户界面,支持桌面和移动设备上视频回放的Wordpres视频播放器插件。通过Videojs库可以很方便的调用本地或者远端服务器上的视频文件。

Wordpress之HTML5播放器插件

Videojs HTML5 Player 是一款具备友好用户界面,支持桌面和移动设备上视频回放的Wordpres视频播放器插件。通过Videojs库可以很方便的调用本地或者远端服务器上的视频文件。

插件特性:

  • 可在文章和页面上插入MP4/WebM/Ogv视频文件
  • 具备良好的移动端用户体验
  • 兼容所有主要浏览器的嵌入式HTML5视频
  • 可以自由设置视频开始展示图片
  • 使用JavaScript方式插入视频
  • 支持在打开页面时自动播放
  • 可在短代码里直接添加Wordpress媒体库是视频链接
  • 无需复杂设置,插件安装后可以直接在文章编辑器里插入短代码实现
  • 轻量级插件,兼容最新版本的Wordpress
  • 清新方便,无水印,无广告

调用方法:

  • 插入短代码

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

“url”是MP4视频源文件(H.264编码)的位置。您需要用视频文件的实际URL替换示例URL。

视频设置:

  • 除了源MP4视频文件之外,还可以指定一个WebM视频文件。此参数是可选的。

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

  • 除了源MP4和WebM视频文件之外,还可以指定Ogv视频文件。此参数是可选的。

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

  • 定义视频文件的宽度(高度是自动计算的)。除非您想限制视频的最大宽度,否则不需要此选项。

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

  • 指定在页面加载时是否以及如何加载视频。默认为“自动”(当页面加载时,视频应该完全加载)。其他选项:

“metadata”——只有当页面加载时,才应该加载元数据

“none”——在页面加载时不应该加载视频

[videojs_video url=”http://example.com/wp-content/uploads/videos/myvid.mp4″ preload=”metadata”]

  • 指定应该显示视频控件。默认为“true”。为了隐藏控件,将此参数设置为“false”。

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

  • 使视频文件在页面加载时自动播放。

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

  • 定义要在视频播放之前显示的图像。

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

  • 使视频文件循环到结束时开始,并自动继续播放。

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

  • 指定视频的音频输出是否静音。

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

演示效果:

文件下载 资源名称:Wordpress之HTML5播放器插件 应用平台:WordPress版本: 4.2或更高 程序版本:1.1.3 资源大小:920K
下载地址

发表评论

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

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

    • 台庄资讯 台庄资讯 0

      不太好用