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日

悬赏问题

  • ¥50 三种调度算法报错 有实例
  • ¥15 关于#python#的问题，请各位专家解答！
  • ¥200 询问：python实现大地主题正反算的程序设计，有偿
  • ¥15 smptlib使用465端口发送邮件失败
  • ¥200 总是报错，能帮助用python实现程序实现高斯正反算吗？有偿
  • ¥15 对于squad数据集的基于bert模型的微调
  • ¥15 为什么我运行这个网络会出现以下报错？CRNN神经网络
  • ¥20 steam下载游戏占用内存
  • ¥15 CST保存项目时失败
  • ¥20 java在应用程序里获取不到扬声器设备