分享WP资源
是件美好的事情

可嵌入视频文件的Videojs HTML5播放器

腾讯云限时秒杀活动

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

要求

Videojs HTML5播放器功能

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

Videojs HTML5播放器插件用法

为了嵌入视频,请创建一个新的帖子/页面并使用以下短代码:

[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"]

宽度

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

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

预载

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

  • “元数据” –页面加载时仅应加载元数据
  • “无”-加载页面时不应加载视频

    [videojs_video url =“ http://example.com/wp-content/uploads/videos/myvid.mp4” preload =“元数据”]

控制项

指定应显示视频控件。默认为“ 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"]

有关详细文档,请访问Videojs HTML5 Player插件页面

  1. 转到WordPress信息中心中的“添加新插件”屏幕
  2. 点击上传标签
  3. 浏览您计算机上的插件文件(videojs-html5-player.zip)
  4. 单击“立即安装”,然后单击激活按钮
 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

未经允许不得转载:莲花不妖 » 可嵌入视频文件的Videojs HTML5播放器
分享到: 生成海报

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录