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

Video.js HLS播放器,可以自定义

腾讯云限时秒杀活动

Video.js HLS Player是一个用户友好的插件,使用此自定义的video.js播放器,您可以轻松地将响应/流体(或固定宽度)HLS视频嵌入到WordPress帖子和页面中。嵌入外部托管的.m3u8 HLS视频文件再简单不过了。

Video.js HLS播放器功能

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

Video.js HLS Player插件用法

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

[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8"]

此处,“ url”是HLS视频包文件的位置。

视频简码选项

简码支持以下选项。

MP4

除了源HLS视频文件之外,您还可以指定MP4视频文件。此参数是可选的。

[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" mp4="http://example.com/wp-content/uploads/videos/myvid.mp4"]

WebM

除了源HLS视频文件之外,您还可以指定WebM视频文件。此参数是可选的。

[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" webm="http://example.com/wp-content/uploads/videos/myvid.webm"]

除了源HLS视频文件之外,您还可以指定Ogv视频文件。此参数是可选的。

[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" ogv="http://example.com/wp-content/uploads/videos/myvid.ogv"]

宽度

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

[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" width="480"]

预载

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

  • “元数据” –页面加载时仅应加载元数据
  • “无”-加载页面时不应加载视频[videojs_hls url =” https://player.vimeo.com/external/xxxxxxxxx.m3u8” preload =“ metadata”]

控制项

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

[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" controls="false"]

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

自动播放

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

[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" autoplay="true"]

海报

定义图像以在视频播放之前显示为占位符。

[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" poster="http://example.com/wp-content/uploads/poster.jpg"]

导致视频文件在播放完毕后循环播放,并自动继续播放。

[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" loop="true"]

静音

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

[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" muted="true"]

iOS内联

强制视频在iOS 10+上内联播放

[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" inline="true"]

有关详细文档,请访问Video.js HLS Player插件页面

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

可以使用此插件将视频嵌入WordPress吗?

是。

此插件嵌入的视频是否可以在iOS设备上播放?

是。

我可以使用此插件嵌入自适应视频吗?

是。

 收藏 (0) 打赏

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

支付宝扫一扫赞助

微信钱包扫描赞助

未经允许不得转载:莲花不妖 » Video.js HLS播放器,可以自定义
分享到: 生成海报

登录

忘记密码 ?

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