WordPress视频播放插件Videojs HTML5 Player使用教程

释放双眼,带上耳机,听听看~!
Videojs HTML5 Player是一个用户友好的插件,支持桌面和移动设备上的视频播放, 您可以轻松地嵌入使用Videojs库外部托管的自托管视频文件或外部视频文件。

Videojs HTML5 Player是一个用户友好的插件,支持桌面和移动设备上的视频播放, 您可以轻松地嵌入使用Videojs库外部托管的自托管视频文件或外部视频文件。

  • 将MP4视频文件嵌入到帖子/页面或WordPress网站的任何位置
  • 在从移动设备查看时,嵌入响应式视频以获得更好的用户体验
  • 嵌入与所有主流浏览器兼容的HTML5视频
  • 使用海报图片嵌入视频
  • 使用videojs播放器嵌入视频
  • 在呈现页面时自动播放视频
  • 使用短代码中的直接链接将上传的视频嵌入到WordPress媒体库中
  • 无需设置,只需安装并开始嵌入视频即可
  • 轻巧,兼容最新版本的WordPress
  • 干净,时尚的播放器没有水印
  • 其他HTML5支持的文件类型的后备(WebM,Ogv)

Videojs HTML5 Player 插件使用教程:

要嵌入视频,请创建新帖子/页面并使用以下短代码:
[/videojs_video url="http://example.com/wp-content/uploads/videos/myvid.mp4"](去掉代码首个/,下同)
这里,“url”是MP4视频源文件(H.264编码)的位置。 您需要将示例URL替换为视频文件的实际URL。

视频短代码选项

短代码支持以下选项。

WebM的

除源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"]

Width

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

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

Preload

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

“元数据” - 只有在加载页面时才会加载元数据
“none” - 页面加载时不应加载视频

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

Controls

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

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

禁用控件后,用户将无法与您的视频进行互动。 因此,建议您为没有控件的视频启用自动播放。

Autoplay

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

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

Poster

定义要在视频播放前显示为占位符的图像

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

Loop

完成并自动继续播放时,导致视频文件循环来开头。

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

Muted

指定应将视频的音频输出静音。

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

人已赞赏
WordPress

WordPress 代码规范

2018-10-17 14:21:39

WordPress

wordpress 编辑器增加字体选择以及字体大小设置

2019-7-26 16:05:19

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索