macos中将视频转换为H5页面能够直接播放的 mp4格式的一种方案

在浏览器中在线播放视频，是一些站点的基本需求。本文对方法进行总结。

找插件

网上可用的插件有很多，有收费的，也有免费的。笔者实验了两个免费的，都可以正常使用，而且官方的demo写的也不错：videojs与plyr （plyr官方站点如果找不开，可以访问其github地址:https://github.com/sampotts/plyr）。在官方的demo中，都会提供mp4的示例文件，测试时建议就用这个文件（控制台 - 网络 - 找到地址后可以下载)，以保障我们的测试成本最低。除此以外，我们还可以由https://sample-videos.com/上下载各种大小的mp4测试文件。

转码

要想成功的实现被播放，那么我们必须提供.mp4文件，并且该文件的编码方式必须为：h.264不使用h.264则有声音无图像。这也决定了，如果我们使用一些默认的转码工具，必然得不到h.264编码的.mp4文件，也就注定了该文件无法在网页上正常的播放。

在此，推荐两款免费软件：handbrake与zencoder。其中，handbrake笔者已在MAC系统下转码成功。MAC系统下，找款免费的转码软件好像真的不容易。由于使用频率太低，收费的感觉又真的没有必要。

使用时注意两点：

• preset 必须选择H.264打头的
• formart 要选择mp4

总结

一直只是知道可以找到很多播放MP4文件的JS工具，但却不知道只有h.264编码的才能够被正常播放。

纸上得来终觉浅，绝知此事要躬行 ---- 《冬夜读书示子聿》 陆游