关于video标签视频播放的问题

Question

问题描述

video标签目前只支持以下三种格式的视频，但是用户上传的视频格式有很多种，有什么插件可以播放各种各样格式的视频吗？

MP4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

问题出现的环境背景及自己尝试过哪些方法

只知道video.js和flv.js这两个插件，前者使用flash方式来播放其他格式的视频；后者不太了解，只知道它可以用来解析flv格式的视频。

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

<video src="./1.mov" controls></video>

你期待的结果是什么？实际看到的错误信息又是什么？

有没有什么办法可以用h5播放各种格式的视频，我知道ffmpeg可以转换视频格式。是不是需要服务器对这些视频做一些转换？

Answer 1

你不能保证用户所有的视频都能直接播放，所以通常的做法(比如优酷)都是在后台对用户视频进行转码。

视频转码需要消耗大量服务器的资源，以及视频本身需要消耗大量带宽，我个人并不建议你自己去搞，没有多媒体处理经验的程序员也搞不好这个，建议直接用CDN厂商提供的服务就行了，很便宜。比如阿里云和七牛之类的云存储厂商都带有视频转码功能，价格也不贵，节省你自己的带宽。

阿里云的服务: https://cn.aliyun.com/product...

七牛的服务: https://developer.qiniu.com/d...