以下是video组件的常用属性及其说明：src：视频的资源地址。duration：指定视频的时长，单位为秒。controls：是否显示默认播放控件。danmu-list：视频的弹幕列表。danmu-btn：是否显示弹幕按钮。enable-danmu：是否允许弹幕。

video组件是用来播放视频的!

以下是video组件的常用属性及其说明：

src：视频的资源地址。

duration：指定视频的时长，单位为秒。

controls：是否显示默认播放控件。

danmu-list：视频的弹幕列表。

danmu-btn：是否显示弹幕按钮。

enable-danmu：是否允许弹幕。

autoplay：是否自动播放。

loop：是否循环播放。

muted：是否静音播放。

initial-time：初始播放位置。

page-gesture：是否开启全屏手势。

direction：播放方向，可选值有vertical和horizontal。

show-progress：是否显示进度条。

show-fullscreen-btn：是否显示全屏按钮。

show-play-btn：是否显示播放按钮。

show-center-play-btn：是否显示中间的播放按钮。

enable-progress-gesture：是否开启进度条手势。

object-fit：视频的填充方式，可选值有contain，cover。

poster：视频播放前显示的封面图。

bindplay：视频播放事件。

bindpause：视频暂停事件。

bindend：视频结束事件。

bindtimeupdate：视频播放时间更新事件。

bindfullscreenchange：视频全屏变化事件。

bindwaiting：视频等待播放事件。

binderror：视频播放错误事件。

vslide-gesture：是否开启滑动调节音量。

vslide-gesture-in-fullscreen：是否在全屏下开启滑动调节音量。

ad-unit-id：视频前后的广告单元标识符。

poster-for-crawler：爬虫图片地址，用于搜索引擎爬取。

<template>
  <view>
    <video
      src="http://www.example.com/video.mp4"
      controls
      danmu-list="[{'text': '第一条弹幕', 'time': 1}, {'text': '第二条弹幕', 'time': 3}]"
      danmu-btn
      enable-danmu
      autoplay
      loop
      muted
      initial-time="15"
      page-gesture
      direction="vertical"
      show-progress
      show-fullscreen-btn
      show-play-btn
      show-center-play-btn
      enable-progress-gesture
      object-fit="contain"
      poster="http://www.example.com/poster.jpg"
      @play="onPlay"
      @pause="onPause"
      @end="onEnd"
      @timeupdate="onTimeUpdate"
      @fullscreenchange="onFullScreenChange"
      @waiting="onWaiting"
      @error="onError"
    ></video>
  </view>
</template>
 
<script>
export default {
  methods: {
    onPlay(event) {
      console.log('视频播放', event);
    },
    onPause(event) {
      console.log('视频暂停', event);
    },
    onEnd(event) {
      console.log