Github Markdown视频在Chrome/Edge不显示仅Safari正常的问题求助

1. 改用HTML <video> 标签（最可靠） #

GitHub的Markdown原生图片语法对视频的跨浏览器支持很差，直接用HTML标签能解决Chrome/Edge的显示问题，示例代码：

<video width="600" controls>
  <source src="./files/recording.mp4" type="video/mp4">
  你的浏览器不支持视频播放，请点击<a href="./files/recording.mp4">下载视频</a>查看。
</video>

• controls 属性会显示播放、暂停等控件，去掉则尝试自动播放（多数浏览器会阻止无交互的自动播放）
• width 可根据需求调整视频显示宽度
• 末尾的文字和链接是降级方案，给完全不支持video标签的环境使用

2. 检查视频编码格式 #

Chrome/Edge无法播放MP4，大概率是编码不符合GitHub的要求：必须是H.264视频编码 + AAC音频编码。可以用免费工具（比如HandBrake）重新转码，转码时选择H.264（x264）编码器，音频选AAC格式。

3. 确认文件路径与仓库结构 #

• 确保files文件夹在仓库根目录，路径./files/recording.mp4填写正确
• 推送代码后，直接在GitHub仓库里点击视频文件的链接，确认能正常播放，排除路径错误或文件上传失败的问题

4. 关于拖拽视频的问题 #

拖拽生成的是普通文本链接，本地编辑器预览能显示是因为编辑器的扩展支持，但GitHub网页端不会自动解析为视频，所以必须用HTML <video> 标签替代。

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