---

title: video 全屏播放 lang: zh display: home description: video 全屏播放 image: https://picsum.photos/536/354?random&date=2021-04-12 date: 2021-01-21 tags:

• canvas categories:
• 技术

---

video 全屏播放

• 1. video 全屏播放

1. video 全屏播放

<video
 
  :src="item.video"
  initial-time="0"
  :id="'id' + index"
  object-fit="contain"
  :autoplay="state.current === index"
  :loop="true"
  :muted="false"
  :show-center-play-btn="true"
  enable-play-gesture
  ref="videoRef"
  :direction="90"
  :show-progress="true"
  :showFullscreenBtn="true"
  @click.stop="togglePlayPause(item, index)"
  play-btn-position="center"
  :custom-cache="false"
></video>