共计 635 个字符，预计需要花费 2 分钟才能阅读完成。
在浏览器中在线播放视频，是一些站点的基本需求。本文对方法进行总结。
找插件
网上可用的插件有很多，有收费的，也有免费的。笔者实验了两个免费的，都可以正常使用，而且官方的 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 编码的才能够被正常播放。
纸上得来终觉浅，绝知此事要躬行 —-《冬夜读书示子聿》陆游
正文完
