vue好用的视频插件推荐

最近做视频功能，看了一些视频相关的插件，发现下面两个还是比较好用，这里推荐一下：

videojs应该很多人都知道，比较成熟的插件了这里是官网地址：

然后Mui Player也是很不错跟videojs差不多都很好用，对比videojs优势应该就是文档更好阅读点对于英语不好的是个好事。

我自己用了videojs，

然后项目主要是做了视频的一个上传和视频的展示功能

看看效果图：

使用的话官方文档自己翻

最后主要说一下我用了插件后踩的一些坑，特别是上传部分，其它的都还好。

我项目需求上传需要做封面图，然后安卓用户的插件可以支持自动截取视频第一张图，ios的因为限制不支持视频自动去加载元数据不会自动截取视频第一张图，所以ios的只能去手动给poster一个值就是手动给个固定，网上很多canvas截图其实也是一个道理也是需要加载元数据才行，ios的也是截图截不下来只会是一个黑色的，所以只能手动给个默认了，播放列表也是，对于mov格式的就是ios用户上传的视频，并且查看者是用的ios手机，也是无法自动给封面。

一款基于 vuejs 的轻量级的视频播放器插件插件

NPM

或者使用 yarn

默认英语，你如果想成中文就加一个 lang

en: 英语

zh-CN: 简体中文

jp: 日本

Use custom language data

外部路径：

非常简单！就是直接上！

本地路径：

不能直接 /assets/1mp4 ，无效的。需要使用 require("")

组件保持了和原生 HTML Video 属性配置的对接

案例

VueCoreVideoPlayer 遵循 W3C 标准的媒体事件 API ,你可以前往 MDN 获取这些细节，下面罗列一些非常常用的事件：

原文地址：vue-core-video-player-基于vuejs的视频播放器组件 - Iron_Man-super - 博客园

有的网友还不太了解vue怎么自动保存拍摄的分段视频的操作，接下来就讲解关于vue自动保存拍摄的分段视频的操作方法，感兴趣的小伙伴们一起学习一下吧!

vue中自动保存拍摄的分段视频的详细步骤

2、点击“设置”

3、点击“自动保存”

4、打开“自动保存拍摄”按钮即可

方法二：

1、点击左下角“导入视频”

2、选择“近期拍摄”，点击“更改设置”

3、打开自动保存分段视频的按钮即可

VUE-视频编辑与拍摄利器，我认为是目前最好用的拍微视频的拍摄软件

从营销心里上来说6秒时长的限制，传递信息太少，只能起到提示作用，比较难表达清楚一个微小的主题故事。以前电视台广告就用的是5秒、10秒、30秒三种规格。6秒与5秒差不了多少，只能传递品牌简单信息，对于生动表现力的故事情节类很难有阐述。所以10秒就可以基本上做到像微型小说一样，在精练中可以表达一个情景主题。

包括目前主流的微视频微信与Instagram都是10秒。所以vue作为一款专业的用来拍视频的工具来说6秒就没有意义，设定为10秒就是一个最低的基础时间量。

VUE的特点：

特点：简单好用，会拍照片就能拍好视频！

实时滤镜：屡获殊荣的**后期大师悉心精调的实时滤镜，从此你拍的视频比记忆更美动态美颜：告别过度磨皮，自然变漂亮，展现你360度的美

多镜头剪辑：轻点屏幕，拍摄多段视频，自动生成蒙太奇效果贴纸动画：设计感手绘贴纸，让视频更有趣

多种画幅：标准、简易宽屏、超宽屏、方形和圆形五种画幅可供选择别忘了还可以在补给站获得更多滤镜和贴纸，别忘了经常查看补给站。

　　vue设置播放速度的方法：

　1、想使用VUE编辑加快视频速度的话，可以先点击页面左下角的“导入视频”功能，从手机本地找到自己需要编辑的视频。

　2、接下来从拍摄页面的右上角点击“编辑”选项，就可以进入编辑视频的页面里，从“分段”列表里选择“速度”功能。

　3、如此一来，从分段编辑页面的“速度”列表里，大家就可以设置“快动作”功能让视频的速度加快。

　Vue系列产品为3D自然环境的动画制作和渲染提供了一系列的解决方案。Vue系列有很多不同的产品，这是为了满足不同阶层的用户的需要：可以满足专业的制作工作室，同样也能满足3D自由艺术家。