在微信小程序中，video 组件用于播放视频文件。以下是一些基本的 video 组件的用法：

1. 播放视频：
   <video src="http://example.com/video.mp4" controls></video>
   使用 src 属性设置视频文件的地址，并通过 controls 属性显示播放控制器。

2. 自定义控制器样式：
   <video src="http://example.com/video.mp4" controls show-play-btn show-center-play-btn></video>
   使用 show-play-btn 和 show-center-play-btn 属性显示自定义样式的播放按钮。

3. 监听播放状态：
   <video src="http://example.com/video.mp4" bindplay="onPlay" bindpause="onPause"></video>
   通过 bindplay 和 bindpause 绑定播放和暂停的事件，然后在对应的 .js 文件中定义相应的函数。

4. 设置循环播放：
   <video src="http://example.com/video.mp4" controls loop></video>
   使用 loop 属性设置视频循环播放。

5. 监听播放进度：
   <video src="http://example.com/video.mp4" bindtimeupdate="onTimeUpdate"></video>
   通过 bindtimeupdate 绑定播放进度更新的事件，在对应的 .js 文件中定义相应的函数。

在对应的 .js 文件中，你可以定义相应的事件处理函数：
Page({
  onPlay: function () {
    console.log('视频播放开始');
  },

  onPause: function () {
    console.log('视频暂停');
  },

  onTimeUpdate: function (e) {
    console.log('当前播放进度：', e.detail.currentTime);
  },
});

这是一个基本的 video 组件的用法示例。根据实际需求，你还可以了解更多 video 组件的属性和事件，以满足不同场景的需求。


转载请注明出处：http://www.zyzy.cn/article/detail/819/微信小程序