Edge浏览器中HTML Video标签无法播放MP4文件的问题求助

Let’s walk through the most common fixes for this issue—since Edge does support MP4 playback, the problem is almost always tied to encoding, file paths, or browser configuration.

1. Verify Your MP4’s Encoding Format #

Edge only recognizes MP4 files with H.264 video codec and AAC audio codec. If your video uses non-compatible codecs (like VP9 for video or MP3 for audio), Edge will reject it outright.

To fix this, re-encode your MP4 with supported codecs. You can use FFmpeg with this command:

ffmpeg -i video/video.mp4 -c:v libx264 -c:a aac -strict -2 video/compatible-video.mp4

Replace the source path with your original file, then update the <source> tag to point to the newly encoded video.

2. Check File Paths and Serving Method #

• Double-check that the video/video.mp4 path is correct relative to your HTML file. If your HTML lives in the root folder, the video must be stored in a subfolder named video.
• Avoid opening the HTML file directly via the file:// protocol. Edge enforces security restrictions for local files that can block media playback. Instead, serve your files through a simple local web server—try Python’s python -m http.server or Node.js’s http-server for quick setup.

3. Debug with Edge DevTools #

Open Edge’s Developer Tools (press F12) to pinpoint the issue:

• Go to the Console tab: Look for errors like "Failed to load resource" (signaling a broken file path) or codec-related warnings.
• Go to the Network tab: Filter by "Media" and confirm the video file loads with a 200 status. Also check that the Content-Type response header is set to video/mp4.

4. Ensure Edge is Up-to-Date #

Outdated Edge versions might have bugs with media playback. Head to edge://settings/help to check for updates and install any available patches.

5. Validate Fallback Formats #

Your WebM/Ogg sources should act as fallbacks, but make sure those files are also properly encoded and accessible. Edge supports WebM (VP8/VP9 video + Vorbis/Opus audio) and Ogg (Theora video + Vorbis audio), so confirm those codecs are used if you want these fallbacks to work.

内容的提问来源于stack exchange，提问作者newbie756