更新记录

1.0.1（2025-03-02） 下载此版本

更新使用文档

1.0（2025-02-26） 下载此版本

1.0版本

平台兼容性

z-player 微信小程序自定义视频播放器

简介

z-player 是一款专为微信小程序开发的自定义视频播放器组件，提供了丰富的功能和良好的用户体验。该组件完全自定义了播放器界面，支持全屏播放、倍速播放、进度条控制等多种功能，适用于需要在微信小程序中展示视频内容的场景。

特点

• 仅支持微信小程序：专为微信小程序环境优化设计
• 完全自定义界面：美观的播放器界面，可自定义宽高
• 丰富的播放控制：
  • 播放/暂停控制
  • 全屏/退出全屏切换
  • 进度条拖拽控制
  • 倍速播放（支持0.5x、1.0x、1.5x、2.0x等自定义倍速）
  • 锁屏功能
• 视频列表播放：支持多个视频连续播放，可自动播放下一节
• 播放完成提示：视频播放完成后显示自定义提示，支持重播和播放下一节
• 时间显示：显示当前播放时间和总时长

安装方法

1. 在 uni-app 项目中，从插件市场导入 z-player 组件
2. 在需要使用的页面引入组件

使用方法

基本用法

<template>
  <view>
    <z-player 
      :width="750" 
      :height="400"
      :videoList="videoList"
    ></z-player>
  </view>
</template>

<script>
export default {
  data() {
    return {
      videoList: [
        {
          url: "https://example.com/video1.mp4",
          title: "视频1"
        },
        {
          url: "https://example.com/video2.mp4",
          title: "视频2"
        }
      ]
    }
  }
}
</script>

属性说明

注意事项

1. 该组件仅支持微信小程序，不支持H5、App等其他平台
2. 使用时需确保视频资源可以正常访问
3. 视频列表中的url必须是有效的视频地址

示例效果

播放器提供了美观的界面和流畅的交互体验：

• 普通模式下显示基础控制按钮和进度条
• 全屏模式下提供更完整的控制界面
• 视频播放完成后显示重播和播放下一节的选项

版本信息

当前版本：1.0.0 发布日期：2025-02-26