| | |
|---|
| | | :src="currentVideoUrl" |
|---|
| | | :style="{ width: pxToRem(1567), height: '80vh' }" |
|---|
| | | controls |
|---|
| | | |
|---|
| | | preload="auto" |
|---|
| | | @play="handleVideoPlay" |
|---|
| | | @ended="handleVideoEnded(index)" |
|---|
| | | ></video> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | |
|---|
| | | const VideoShow = ref(false) |
|---|
| | | const showAll = ref(false) // 是否展示全部 |
|---|
| | | let loadingData |
|---|
| | | // 视频播放事件处理 |
|---|
| | | const handleVideoPlay = (event) => { |
|---|
| | | if (event.target.playbackRate !== 0.75) { |
|---|
| | | event.target.playbackRate = 0.75 |
|---|
| | | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | const handleVideoEnded = index => { |
|---|
| | | // 获取当前视频 |
|---|
| | | const video = videoRefs.value[index] |
|---|
| | | |
|---|
| | | // 重置视频播放时间为 0 |
|---|
| | | video.currentTime = 0 |
|---|
| | | |
|---|
| | | // 重新加载视频 |
|---|
| | | video.load() |
|---|
| | | } |
|---|
| | | // 原图 |
|---|
| | | const yuanImages = ref([]) |
|---|
| | | function convertVideoUrlToThumbnail(videoUrl) { |
|---|
