m0_59080281 2021-09-15 18:47 采纳率: 81.8%
浏览 200
已结题

如何使用vue进行视频缩略图

我现在有好几个视频，我想显示其中某个视频的某个片段截图，点击进入一个新路由，路由包含了点击进入的视频

img


我现在的图片都是到网上找的图，想替换成视频的片段截图

  • 写回答

3条回答 默认 最新

  • tonyzhangcn 2021-09-15 21:11
    关注

    我是了一下，之前提的想法似乎是可行的，你试试这个。

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<video width="200px" height="100px" id="vdo1" src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4"></video>
<video width="200px" height="100px" id="vdo2" src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4"></video>
<video width="200px" height="100px" id="vdo3" src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4"></video>

<script>
    window.onload = (event)=>{
        vdo1 = document.getElementById("vdo1");
        vdo1.currentTime=10;//10 秒处

        vdo2 = document.getElementById("vdo2");
        vdo2.currentTime=30;//30 秒处

        vdo3 = document.getElementById("vdo3");
        vdo3.currentTime=50;//10 秒处
    }

</script>
</body>
</html>

    效果如下：

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

问题事件

  • 系统已结题 9月24日
  • 已采纳回答 9月16日
  • 创建了问题 9月15日

悬赏问题

  • ¥15 linux驱动，linux应用，多线程
  • ¥20 我要一个分身加定位两个功能的安卓app
  • ¥15 基于FOC驱动器，如何实现卡丁车下坡无阻力的遛坡的效果
  • ¥15 IAR程序莫名变量多重定义
  • ¥15 (标签-UDP|关键词-client)
  • ¥15 关于库卡officelite无法与虚拟机通讯的问题
  • ¥15 目标检测项目无法读取视频
  • ¥15 GEO datasets中基因芯片数据仅仅提供了normalized signal如何进行差异分析
  • ¥100 求采集电商背景音乐的方法
  • ¥15 数学建模竞赛求指导帮助