用于在移动设备中显示视频的 Html 页面答案

【问题标题】：Html page for displaying video in mobile用于在移动设备中显示视频的 Html 页面
【发布时间】：2012-12-11 05:08:45
【问题描述】：

我正在为移动设备开发 php 页面，我必须在一个页面中显示视频，现在我正在测试谷歌浏览器中的 php 页面，但在谷歌浏览器中不播放 mp4、avi 等。 chrome 只播放 ogg 和 ogv 格式。

我听说过 ffmpeg，我安装在我的 Ubuntu 12.4 环境中，但它也没有将视频转换为 ogg 和 ogv fromat。它可以转换其他格式，如 mp4、avi 等。

显示视频使用

 <video width="320" height="240" controls="controls" autoplay="true">
  <source src="/SeeSayDo/<?php echo $model->av;?>" />
</video>

用户可以上传任何视频格式，如 avi、mp4、flv 等，所以我必须显示他们上传的任何格式。

【问题讨论】：

【解决方案1】：

您不应该尝试在网络浏览器中播放 AVI。您应该在 HTML5 视频标签中使用的格式是 H.264 和 Ogg/Theora（可能还有 WebM），这将使您获得支持的浏览器的最大覆盖范围（有关支持的浏览器/格式，请参阅 http://caniuse.com/#search=video）。

您必须detect 浏览器和/或device 并选择正确的视频格式。

Read this 帮助转换您的视频。

【讨论】：

我建议使用 ffmpeg，您对此有什么想法吗？
是的。如果您通常不熟悉命令行参数或视频压缩算法，则 ffmpeg 很难使用。我引用的文章建议了一个 GUI 视频转换器mirovideoconverter.com，看起来很可爱。还有手刹(handbrake.fr)
我错过了需要即时编码的部分，其中 ffmpeg 是个好主意。这是一个很棒的指南：paulrouget.com/e/converttohtml5video
你能解释一下什么是动态编码，我也尝试使用命令 (ffmpeg -i foo.mp4 foo.ogg) 将 mp4 视频转换为 ogg 格式，但是它不起作用。
通过动态编码，我的意思是您需要您的服务器重新编码自动上传的视频，因此您需要一个可以安装在服务器上的命令行界面而不是 GUI .您可能需要从编译 ffmpeg 开始逐步遵循我引用的指南。如果您没有使用正确的设置进行编译，它就无法编码您需要的内容。