WordPress之HTML5播放器插件

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

• • 可在文章和页面上插入MP4/WebM/Ogv视频文件
  • 具备良好的移动端用户体验
  • 兼容所有主要浏览器的嵌入式HTML5视频

• 可以自由设置视频开始展示图片
• 使用JavaScript方式插入视频
• 支持在打开页面时自动播放
• 可在短代码里直接添加Wordpress媒体库是视频链接
• 无需复杂设置，插件安装后可以直接在文章编辑器里插入短代码实现
• 轻量级插件，兼容最新版本的Wordpress
• 清新方便，无水印，无广告

• 插入短代码

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[videojs_video url="https://51changxue.com/wp-content/uploads/2018/11/yourlife.mp4" poster="https://51changxue.com/wp-content/uploads/2018/11/video-index.png" width="100%" controls="true" preload="metadata" autoplay="false" loop="true" muted="false"]