使用wangeditor遇到的坑，插入视频只显示音频

今天在用wangeditor的时候插入视频之后只显示音频。

然后看了标签页确实是video标签。

这个视频是我用QQ自带的录屏录的，

最后查阅资料发现video标签支持的编码方式是h264

视频格式
首先 video 标签只支持MPEG4，Ogg，WebM 三种视频格式，浏览器支持情况如下：

但是，video标签对这三种视频格式是有具体要求的

Ogg = 带有 Theora 视频编码 + Vorbis 音频编码
MPEG4 = 带有 H.264 视频编码 + AAC 音频编码
WebM = 带有 VP8 视频编码 + Vorbis 音频编码

所以，就找到问题的原因了，不能被播放的mp4的视频，视频的编码格式不是 h264。

利用格式工厂对mp4视频，用h264视频编码格式重新编码，得到的视频就可以使用了。

不得不说，html5 的 video 标签对视频的限制太大了，还有待于改善提高。

使用wangeditor遇到的坑，插入视频只显示音频相关推荐

Word里面怎么插入图片只显示一小截，取消图片环绕
Word里面怎么插入图片只显示一小截,相信很多使用该软件的朋友们对此都很感兴趣,下面就和大家来分享一下,希望可以帮助到大家 2.此时可以看到该文档中的图片是设置了四周环绕的效果的. 3.选中该图片以后 ...
Word图片插入后只显示最底下一行，输入文字后后面的文字不见了（解决办法（全程简洁无废话））
问题1:图片插入后,只显示最底下一行问题2:输入文字后,后面的文字不见了问题1:图片插入后,只显示最底下一行如下图: 解决办法: ① 选中图片,并选择"段落" ② 行距修改为 ...
Markdown插入视频、mp3音频和gif图的语法
总所周知,鄙人有一个专栏叫做[差生文具多],里面记录了一些工具的使用方法,以及使用工具时会遇到的一些问题. 于是乎,之前就有一个朋友在群里问道"markdown如何插入视频",当时 ...
word中插入图片只显示底边，其他看不到，插入公式显示不全
在word中插入图片发现只能显示底边,其他内容看不到,图片上方还有文字,好像图片隐形了一样.插入公式显示不全,少些边角,尤其是公式的上下显示不完整. 原因: 段落中设置了固定行间距解决方法: 先选中 ...
html怎么让视频只显示字幕,视频加字幕快速调整字幕显示位置视频画面任意位置添加艺术字幕...
快捷精确调整字幕位置,有多种方法: 方法一.通过九宫格快速定位字幕位置通过"字体设置"栏目,"快速定位摆放的位置"处的九宫格,即可快捷定位字幕位置. 不建议仅 ...
wangEditor使用iframe插入视频，直接在编辑器内查看视频，腾讯优酷为例
腾讯: 优酷: 找到视频的分享按钮,有复制通用代码,代码复制下来是这样的: 这是腾讯视频的 <iframe frameborder="0" src="https:/ ...
edui 富文本编辑_富文本编辑器wangEditor添加本地上传视频功能
最近做一个考试系统,编辑题目要用到富文本编辑,要求可以添加图片.视频和pdf.此前项目中用的都是wangEditor,使用的时候发现只可以上传本地图片,视频只能添加链接,找了其他插件,也没发现比较好用 ...
vue中使用富文本编辑器wangEditor及踩坑
因为上传图片的问题使用过了各种富文本,最后发现还是这个比较好用.分享记录一下. 安装 npm install wangeditor --save 新建一个wangeditor.vue(组件),代码内容 ...
修复百度编辑器插入视频的bug，可实时预览视频，可修改到支持手机查看视频...
站在前人的肩膀上我们就可以站的更高,看得更远. 所以,请在 ueditor.config.js中搜索 whitlist , 在后面加入 source: ['src', 'type'], embed: ...

使用wangeditor遇到的坑，插入视频只显示音频

使用wangeditor遇到的坑，插入视频只显示音频相关推荐

最新文章

热门文章