浏览器画中画仅支持三种封装及编码组合:①MP4+H.264+AAC(最兼容);②WebM+VP8/VP9+Opus/Vorbis;③MOV+H.264+AAC(macOS/Safari优先,Windows不稳定);H.265/HEVC即使后缀为.mp4也普遍不支持。

你想在电脑上用画中画功能播放本地视频或网页视频,但发现有些文件点不开、拖不进、一放就黑屏或提示“不支持”,根本原因是格式未被底层解码器或浏览器媒体栈识别。不是所有.mp4都一样能播,也不是所有.avi都能进画中画窗口。
浏览器原生画中画支持的视频格式
Chrome、Edge、Firefox等现代浏览器的画中画功能,依赖HTML5 标签的原生解码能力,仅支持以下三种封装格式及其对应编码组合:
① MP4 容器 + H.264/AVC 编码(视频) + AAC 编码(音频)——这是最稳妥、100%兼容的组合,【必须同时满足三者】;
② WebM 容器 + VP8/VP9 编码(视频) + Opus/Vorbis 编码(音频)——适用于开源生态网站,部分企业内网系统可能禁用;
③ MOV 容器 + H.264 编码(视频) + AAC 编码(音频)——仅限macOS Safari和最新版Chrome,Windows端Chrome对MOV支持不稳定,容易触发“无法加载媒体资源”错误。
注意:MP4里若用H.265/HEVC编码,即使后缀是.mp4,绝大多数浏览器画中画会直接拒绝——这不是播放器问题,而是浏览器未启用HEVC硬件解码授权,且Manifest V3扩展也无权绕过该限制。
录屏软件画中画模式支持的格式
嗨格式录屏大师、OBS Studio、Filmage Screen等桌面录屏工具的画中画功能,本质是将摄像头画面与屏幕画面合成输出,其“画中画”指叠加层,而非播放外部视频文件。但若你希望在录制时把一个本地视频文件作为“小窗源”同步播放(比如边播教学视频边讲解),则需看软件是否支持“媒体源导入”:
方法一:OBS Studio(免费开源)
添加“媒体源”→勾选“本地文件”→点击浏览→选择文件→确认后拖入场景。支持格式:MP4(H.264+AAC)、MKV(H.264+AAC)、AVI(仅不含DivX/XviD编码的旧版AVI)、MOV(H.264+AAC)。不支持FLV、RMVB、WMV、TS流文件。
方法二:嗨格式录屏大师(Windows/macOS)
进入“画中画”模式→点击“添加视频”按钮→弹出文件选择框→仅显示可识别格式:MP4、AVI、MOV、WMV(仅Windows版支持WMV,需系统已安装Microsoft Media Player组件)。【不显示.MKV/.FLV/.RMVB文件,即使双击也无法加载】。
方法三:Filmage Screen(macOS专用)
直接将视频文件拖入主界面时间轴下方的“PiP轨道”区域即可。支持MP4、MOV、M4V、AVI(H.264编码)、ProRes(仅Mac本机编码生成的.mov)。不支持任何需要QuickTime 7插件的旧格式,如DV、MJPEG AVI。
鸿蒙与Flutter PiP窗口支持的格式
鸿蒙OS的@ohos.PiPWindow模块和Flutter三方库pip,在应用层调用时不做格式校验,但实际能否播放取决于底层媒体引擎(AVCodecService)是否注册对应解码器:
鸿蒙API 12+真机实测通过的格式:MP4(H.264+AAC)、MKV(H.264+AAC)、AVI(仅不含B-frame的Simple Profile AVI)、MPEG-TS(仅单节目流,多路TS会卡在加载状态);
Flutter pip库在鸿蒙设备上运行时,会自动降级处理:遇到H.265视频→转为静帧截图+音频分离播放;遇到WebP动画→跳过不加载;遇到加密MP4(如Widevine L3)→直接抛出BusinessError: -10002(媒体源不可用)。











