JS 视频格式 高频面试题（含详细实战答案）.docxVIP

JS视频格式高频面试题（含详细实战答案）

一、基础认知类（入门必问）

1、前端video标签原生支持哪些视频格式？主流优先级是什么？

参考答案：

浏览器原生只支持三种核心视频格式，没有万能格式，日常开发优先级：MP4WebMOgg。

MP4（H.264编码）：兼容性最好，全平台浏览器、手机端、小程序都支持，是业务首选；缺点是文件体积偏大，非开源编码。

WebM（VP8/VP9编码）：谷歌开源格式，压缩率更高、体积更小，Chrome、Firefox完美支持；缺点是老旧浏览器、Safari低版本兼容差。

Ogg（Theora编码）：开源免费，兼容性最差，现在基本不用，仅做兼容兜底。

补充：MKV、AVI、FLV浏览器原生全部不支持，必须后端转码或前端转封装才能播放。

2、视频「文件格式」和「编码格式」的区别是什么？面试常混淆点

参考答案：

简单说：文件格式是外壳，编码格式是内核。

文件格式（封装格式）：就是后缀，MP4、WebM、MKV这些，作用是把视频画面、音频、字幕打包封装在一起，定义文件的存储结构。

编码格式：压缩画面和声音的算法，视频编码H.264、H.265、VP9，音频编码AAC、MP3。

实战坑点：后缀是MP4不一定能播放。比如MP4封装了H.265编码，部分Safari、低版本浏览器无法解码，会直接播放失败。

3、为什么同样是