前言：
此时各位老铁们对“js获取视频缩略图”大概比较讲究，朋友们都需要学习一些“js获取视频缩略图”的相关知识。那么小编也在网上收集了一些有关“js获取视频缩略图””的相关知识，希望姐妹们能喜欢，看官们快快来了解一下吧！今天给小伙伴们分享一个超棒的实用Vue图片预览组件VueItBigger。
vue-it-bigger 一款基于vue-image-lightbox的响应式vue.js灯箱组件。友好的缩略图，支持单张、多张及视频预览配置，另外还支持键盘左右和ESC按键。
特性
友好的淡入淡出视觉展示窗口响应式支持缩略图、标题栏及图像计数器更简单的css
安装
$ npm i vue-it-bigger -S
使用
<template> <div> <LightBox :media="media" :showThumbs="true" :nThumbs="10" :showCaption="true" > </LightBox> </div></template><script>import LightBox from 'vue-it-bigger'export default { components: { LightBox }, data() { media: [ { // image配置 thumb: ';, src: ';, caption: 'Caption to display. HTML <b>enabled</b>', }, { // video配置 thumb: ';, sources: [ { src: ';, type: 'video/mp4' } ], type: 'video', caption: '<h4>Monsters Inc.</h4>', width: 800, height: 600, autoplay: true, } ] }}</script>参数及方法配置
提供如下精美的演示demo
附上演示及仓库地址
# 演示地址 github地址
ok，今天就分享到这里。如果大家有其它Vue图片预览组件，欢迎一起交流讨论！
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #js获取视频缩略图
