HTML5 Video Player WordPress Plugin 包括 3 种类型的视频播放器:

– 带有右侧播放列表的
视频播放器 – 带有底部播放列表的
视频播放器 – 没有播放列表的视频播放器

 

1655966194-5775f7405ce748a 带有右侧播放列表的视频播放器

1655966193-0a7a30f158f783c

 

1655966194-be9725528a03b33

第 1 步:安装 – https://www.youtube.com/watch?v=P0_vOqTtI3Q
第 2 步:如何创建视频播放器和更改播放器设置 – https://www.youtube.com/watch?v=1pxi7L5Cxmc
步骤3:管理播放列表 – https://www.youtube.com/watch?v=wt4DHmsM_X8

特征

  • 响应式设计:视频播放器(如果完全响应)。启用或禁用响应行为的参数。
  • 包括多种皮肤:您可以为每个玩家从 5 种皮肤中进行选择。
  • 多个实例:您可以使用相同的皮肤或使用不同的皮肤在同一页面中多次插入播放器。
  • 它播放 .MP4 视频文件和 .WEBM(在不支持 MP4 的浏览器上)
  • 全屏:支持全屏,所有控制器均可在全屏模式下使用,包括播放列表。
  • 控制器的自动隐藏:控制器将在鼠标移出时自动隐藏,显示整个电影。用于启用或禁用此行为的参数。
  • 预览图像:可以为每部电影定义预览图像
  • 播放列表图像:可以为每部电影定义播放列表图像
  • 音量控制:您拥有完整的声音控制。您还可以设置初始音量
  • 视频说明 – 可选:可以禁用:您可以为视频设置标题和说明。支持 HTML 和 CSS 格式的文本。
  • 单击侦听器
  • 多个参数可用
    – 宽度
    – 高度
    – 播放列表宽度
    – 边框宽度和颜色
    – 自动播放
    – 循环
    ……等等

 

1655966194-5775f7405ce748a 底部播放列表的视频播放器

1655966193-ecf3b98e8dae047

 

1655966194-be9725528a03b33

第 1 步:安装 – https://www.youtube.com/watch?v=35l9fL0lapU
第 2 步:如何创建视频播放器和更改播放器设置 – https://www.youtube.com/watch?v=2GYyxIJs6Ak
步骤3:管理播放列表 – https://www.youtube.com/watch?v=ycp_JKmPXnw

特征

  • 响应式设计:视频播放器(如果完全响应)。启用或禁用响应行为的参数。
  • 包括多种皮肤:您可以为每个玩家从 5 种皮肤中进行选择。
  • 多个实例:您可以使用相同的皮肤或使用不同的皮肤在同一页面中多次插入播放器。
  • 它播放 .MP4 视频文件和 .WEBM(在不支持 MP4 的浏览器上)
  • 全屏:支持全屏,所有控制器均可在全屏模式下使用,包括播放列表。
  • 控制器的自动隐藏:控制器将在鼠标移出时自动隐藏,显示整个电影。用于启用或禁用此行为的参数。
  • 预览图像:可以为每部电影定义预览图像
  • 播放列表图像:可以为每部电影定义播放列表图像
  • 音量控制:您拥有完整的声音控制。您还可以设置初始音量
  • 视频说明 – 可选:可以禁用:您可以为视频设置标题和说明。支持 HTML 和 CSS 格式的文本。
  • 单击侦听器
  • 多个可用参数
    -width
    -height
    ?边框宽度和颜色 – 自动播放
    – 循环
    ……等等

 

1655966194-5775f7405ce748a 没有播放列表的视频播放器

1655966194-a23405688effdf3

1655966194-be9725528a03b33

第 1 步:安装 – https://www.youtube.com/watch?v=scpeZjw1F64
第 2 步:如何创建视频播放器以及如何更改播放器设置 – https://www.youtube.com/watch?v =HvsiOPyFwZA
第 3 步:如何创建多个播放器并使用简码可选参数 – https://www.youtube.com/watch?v=REgltNEdWtE

特征

  • 响应式设计:视频播放器(如果完全响应)。启用或禁用响应行为的参数。
  • 包括多种皮肤:您可以从 6 种皮肤中进行选择。
  • 多个实例:您可以使用相同的皮肤或使用不同的皮肤在同一页面中多次插入播放器。
  • 它播放 .MP4 视频文件和 .WEBM(在不支持 MP4 的浏览器上)
  • 全屏:支持全屏,所有控制器均可在全屏模式下使用。您可以通过单击按钮或双击视频进入全屏模式
  • 控制器的自动隐藏:控制器将在鼠标移出时自动隐藏,显示整个电影。用于启用或禁用此行为的参数。
  • 预览图像:可以定义预览图像
  • 音量控制:您拥有完整的声音控制。您还可以设置初始音量
  • 视频说明 – 可选:可以禁用:您可以为视频设置标题和说明。支持 HTML 和 CSS 格式的文本。
  • 单击侦听器
  • 可用的多个参数
    – 宽度
    – 高度
    – 自动播放
    – 循环
    ……等等

 

IOS/Android(Apple/Google 施加的限制)和其他浏览器的注意事项:
– 只有在视频静音时它才会在 IOS/Android 上自动播放。当您设置 autoPlayOnMobile:true 时,移动设备的视频将自动静音。
– 音量控制不适用于 IOS/Android。您必须使用移动设备的物理按钮调节音量。

Safari、Chrome 和 Firefox 的注意事项(Apple 和 Google 施加的限制):
– 从 Safari 11 和 Chrome 66 开始,自动播放将不起作用,因为 Apple 和 Google 禁用了自动播放功能并且无法从 JS 控制。它仅在视频静音时自动播放
– 从 Firefox 版本 66 开始,自动播放被阻止,当允许自动播放时,您可以从浏览器设置恢复到旧行为。

1655966195-3d93ea12d93d0b0

 

 

发表评论

后才能评论

例如你已经买了9.9元的素材,想购买29元的月度会员,那么你只需要充值20元,然后联系客服升级为vip即可。 或者自行购买VIP会员后,联系客服退掉之前的素材费用。

例如avada主题,主题安装包名字一定是avada.zip,如果下载后的压缩包名称很长,那一定不是单主题文件,还包含了说明书等其他文件,下载后要先解压,再按照里面的说明书使用。 另外,有些主题文件较大,要确认你的服务器传文件大小权限大于主题包大小,否则需要调整服务器权限或传到wp-content/themes下解压使用。更多问题可访问问答模块。

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源