uniapp app监听video控制器

### 实现 UniApp 中 Video 组件的事件监听

在 UniApp 开发环境中，为了实现对 `video` 组件播放、暂停等操作的监听，可以通过绑定特定的事件处理函数来完成。对于视频组件而言，支持多种事件监听器，如播放(`@play`)、暂停(`@pause`)以及结束(`@ended`)等。

下面是一个具体的实例展示如何设置这些事件：

<template>
  <view class="content">
    <!-- 定义了一个具有唯一ID 'myVideo' 的 video 组件 -->
    <video 
      id="myVideo"
      src="http://example.com/path/to/video.mp4" 
      controls 
      @play="onPlayHandler" 
      @pause=".onPauseHandler" 
      @ended="onEndedHandler"
    ></video>
  </view>
</template>

<script>
export default {
  methods: {
    onPlayHandler(event) {
      console.log('视频开始播放', event);
    },
    onPauseHandler(event) {
      console.log('视频已暂停', event);
    },
    onEndedHandler(event) {
      console.log('视频播放完毕', event);
    }
  }
}
</script>

上述代码片段展示了如何通过给 `<video>` 标签添加相应的属性和事件处理器来响应用户的交互行为[^1]。每当触发对应的媒体事件时，就会调用预先定义好的 JavaScript 方法并打印日志信息到控制台以便调试或进一步逻辑处理。