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

 

 

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。