Skip to content

视频播放器

基本使用

Video 播放器基本使用

自动截取视频指定帧作为视频封面

参考案例

vue
<script setup lang="ts">
import Video from './Video.vue'
import { ref } from 'vue'
 
const src = ref('http://vjs.zencdn.net/v/oceans.mp4')
const poster = ref('https://cdn.jsdelivr.net/gh/themusecatcher/resources@0.0.3/bao.jpg')
</script>
 
<template>
  <div>
    <h2 class="mb10">Video 播放器基本使用</h2>
    <Video :src="src" :poster="poster" />
    <h2 class="mt30 mb10">自动播放</h2>
    <Video autoplay :src="src" :poster="poster" />
    <h2 class="mt30 mb10">自动截取视频指定帧作为视频封面</h2>
    <Video :src="src" :second="3" />
  </div>
</template>

Released under the MIT License.