弹框关闭，video视频进度条重置

原创于 2021-09-16 16:12:34 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #html5 #javascript

当弹框关闭时，如何确保video元素的播放进度回到开始，本文探讨了使用HTML5和JavaScript实现video标签的进度条重置方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

video标签进度条重置

<template>
  <el-dialog
    v-dialogDrag
    :title="titleList[titleType]"
    :visible="_visible"
    append-to-body
    @close="onCloseDialog()"
    @open="onOpenDialog"
  >
   <video id="videoID"    loop="loop" ref="vueRef" :src="videoUrlList[titleType]" autoplay  controls="controls"></video>
  </el-dialog>
</template>

export default {
	 methods: {
    	onOpenDialog() {
     	 	 document.getElementById('videoID').currentTime=0
   		 },
    }
}