摘要

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

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播放器插件 920K