<a :href="item.filePath" target="_blank" style="color: green;margin-left: 1rem;">
<div style="width: 100%; height: 100%;position: relative;">
<div
style="
position:absolute;
left:0;
top:0;
opacity:.5;
width:100%;
height:100%;
background:#000;
z-index:998;"
></div>
<video
name="v1"
id="video"
width="100%"
height="305"
controls
preload="auto"
style="z-index:999"
>
<source :src="item.filePath" ref="video" type="video/mp4">
</video>
</div>
</a>
<
vue.j获取vide第一帧
该博客介绍了一个Vue.js组件的方法,用于在组件挂载后,通过`mounted()`钩子函数延迟1秒捕获video元素的第一帧图像。利用`test()`方法和`captureImage()`方法,结合canvas进行图像缩放和绘制,最后将生成的dataURL赋值给组件的属性。
摘要由CSDN通过智能技术生成