如何在 html 中嵌入 .AVI？答案

【问题标题】：how to embed an .AVI in html?如何在 html 中嵌入 .AVI？
【发布时间】：2010-10-24 19:56:58
【问题描述】：

我在网上找到了一些 .AVI 格式的 html 示例。
但是我的页面http://pianocheater.com/VIDEO.html 有问题。

在我的电脑上使用 chrome 没问题。
在 IE 中，您会在顶部看到那个 dang bar，然后视频是空白的。
它可以在我的电脑上运行，但不能在其他电脑上运行，所以我认为它应该是编解码器之类的？？

这是现有的 html...（抱歉，请注意确定如何在此处获取漂亮的 html）

<object width=288 height=512
  id      ="MediaPlayer"
  type    ="application/x-oleobject"
  standby ="Loading Windows Media Player components..."
  classid ="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95"
  codebase="http://activex.microsoft.com/activex/controls/mplayer/
            en/nsmp2inf.cab#Version=6,4,7,1112">
  <param name="showControls" value="true">
  <param name="autoStart"    value="false">
  <param name="filename"     value="img/adg.avi">
  <embed width=288 height=512  src="img/adg.avi"
         type="application/x-mplayer2" showControls=1 autoStart=0></embed>
 </object>

我知道 .AVI 会阻止 Mac 用户看到它们。
没关系。我的 midi 应用没有 mac 版本。
我也知道 .AVI 不能很好地流式传输。
当我转换为 .MOV 或 .WMV 时，音频会严重滞后。
（这是一个 MIDI 应用 - 声音很重要。）

任何提示或想法将不胜感激:)

【问题讨论】：

是什么阻止了 Mac 用户看到 AVI 容器中的视频？
我刚刚在某处读到过。我认为quicktime是Mac上的默认设置，它不能做.AVI？我很可能是错的......
我的 Quicktime 副本完全能够处理 AVI 容器中的视频。

标签： html avi

【解决方案1】：

你试过单独使用吗？

<embed src="img/adg.avi"/>

…但你最好还是使用 YouTube 或类似的东西。

【讨论】：

在 ubuntu 下我的 firefox 似乎可以正常工作，但我没有尝试过其他任何东西。
在我的 Chrome 49.0.2623.112 m 上它需要一个插件

【解决方案2】：

这在 Flash 中更容易完成。

将视频转成FLV，使用开源JW播放器播放。您可以使用开源ffmpeg 转换视频。（ffmpeg 有很多免费的 GUI 前端）

【讨论】：

所以 ffmpeg 将 .AVI 转换为 .FLV 没有音频延迟？这个 JW 是一个 .FLV 播放器，我可以嵌入到 html 或其他东西中？好吧，我会开始谷歌搜索......
我找到了“Video4Web 转换器”——它也可能只是 ffmpeg 上的一个 gui。但这很容易。而且 .FLV 音频不会滞后 :) 仍在与 JW 斗争以显示该当的视频。不过，这可能只是我做错了。谢谢你的帮助！我不敢相信在 html 中放一个 dang 视频是如此痛苦：o
好的，我不确定我选择的路线是不是最佳路线...但供将来参考：购买“BSR Screen Recorder 4”以在 .AVI 中捕获我的应用程序（免费） Moyea“Video4Web 转换器”将 AVI 转换为 FLV（在录制和转换过程中有点滞后，但还不错）得到（免费）[flv-player.net/players/maxi（这是一个嵌入在 html 中的 .swf 文件，可以播放 . flv) 导致：[pianocheater.com/VIDEO.html]