HTML 视频标签将 MOV 文件读取为 Google Chrome 中的音频文件

Posted 2023-05-07

【中文标题】HTML 视频标签将 MOV 文件读取为 Google Chrome 中的音频文件

【英文标题】：HTML video tag read MOV file as an audio file in Google Chrome

【发布时间】：2021-07-30 09:01:18

【问题描述】：

这是从我的 iPhone 8 复制的 MOV 视频文件 URL。https://www.yangfamily.tw/attachments/IMG_3049.MOV

然后我尝试在Chrome上播放这个视频，html代码如下：

<video   controls>
  <source src="https://www.yangfamily.tw/attachments/IMG_3049.MOV">
  Your browser does not support the video tag.
</video>

好的，加载成功。 但是没有显示框架，只显示了控件。

然后我右键单击控件，菜单显示它是一个AUDIO文件，而不是视频文件。

它确实是一个视频文件，我可以在任何其他播放器上播放这个视频文件并成功显示帧。 为什么此 MOV 视频文件在 Google Chrome 中被读取为音频文件？ （Chrome 版本：90.0.4430.93 64 位）

有什么想法吗？

【问题讨论】：

设置它的类型type="video/mp4"How to open mov format video in HTML video Tag

还是不行！它仍然只显示控件。甚至设置类型type="video/mp4"..

How to play .mov files in video tag

"...which was copied from my iPhone 8." 我检查了你的文件，你有带 H265 视频编解码器的 MP4 但是 Chrome 只支持带 H264 编解码器的 MP4。您可以下载一个名为MediaInfo 的工具来检查（或使用媒体播放器显示有关编解码器的信息）。视频本身必须重新编码，否则就不要使用 Chrome。我假设 Safari 解码 H265？

【参考方案1】：

此视频编码为 h.265 HEVC。

ffprobe是一款免费的开源工具（在线版：https://ffprobe.a.video/probe?url=https%3A%2F%2Fwww.yangfamily.tw%2Fattachments%2FIMG_3049.MOV）

当我查看编解码器时：

codec_long_name : H.265 / HEVC (High Efficiency Video Coding)

h265 仅在 Safari 中受支持。它是专利/特许权使用费。您应该将视频重新编码为 h264 - 并提供该版本（99.9% 的浏览器支持）。

Chrome 可以播放音轨：

codec_long_name : AAC (Advanced Audio Coding)

这就是为什么您只能在 Chrome 中获得音频。

【参考方案2】：

在你的<source>标签中，你需要添加type='video/mp4'

像这样：

<source src="https://www.yangfamily.tw/attachments/IMG_3049.MOV" type='video/mp4'>

【讨论】：

还是不行！它仍然只显示控件。没有框架显示..