WordPress之HTML5播放器插件

51changxue
51changxue
51changxue
54
文章
3
评论
2018年11月22日12:15:19 1 1,133 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播放器插件 920K
下载地址
继续阅读
51changxue
  • 本文由 发表于 2018年11月22日12:15:19
  • 转载请务必保留本文链接:https://51changxue.com/1434.html
WordPress调用AmCharts和ECharts 网站优化

WordPress调用AmCharts和ECharts

目前网上比较流行的可视化图表主要是国外的Amcharts和百度的Echarts,通过插件可以实现在Wordpress文章内调用AmCharts和ECharts,方便的将数据表示成柱...
Wordpress付费下载和付费查看隐藏内容插件 网站优化

WordPress付费下载和付费查看隐藏内容插件

  互联网不是共享的吗,不都是大家拿来主义,为什么还要付费? 每个互联网内容提供者所花费的时间和精力和作品是成正比的,不可否认,免费共享对互联网的兴起到普及贡献巨大,但是为了能够获取到高质量...
WordPress文件下载插件之Ordown(版本V1.4.3) 网站优化

WordPress文件下载插件之Ordown(版本V1.4.3)

版主觉得一个像样的博客,如果提供文件下载的话,有个好看的下载界面岂不是很正式。近期在网上找了,对于Wordpress的下载辅助插件,比较火的是Ordown和Xydown,这两个其实实现方式都差不多,都...
匿名

发表评论

匿名网友 填写信息

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

评论:1   其中:访客  1   博主  0
    • 台庄资讯 台庄资讯 0

      不太好用