如何在HTML中嵌入.AVI文件？

Question

我在网上找到了一些有关html中.AVI的例子。
但我的页面http://pianocheater.com/VIDEO.html存在问题。
在我的电脑上使用chrome是可以的。
在IE上，你会得到顶部的那个烦人的栏，然后视频就变成空白了。
它在我的电脑上可以工作，但其他人的电脑上却不能，所以我想这可能是编解码器之类的问题？
以下是现有的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应用程序——声音很重要。）
任何提示或想法将不胜感激 :)

- Stephen Hazel

---

什么导致Mac用户无法查看AVI容器中的视频？ - Quentin

我刚刚在某个地方读到了这句话。 我以为Mac默认使用QuickTime，不能播放.AVI格式的文件？但我可能错了... - Stephen Hazel

我的 Quicktime 副本完全能够处理 AVI 容器中的视频。 - Quentin

Answer 1

您尝试过仅使用“
”吗？该标签可用于在文本中插入换行符。

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

...但你最好直接使用YouTube或类似的东西。

- Sietse

---

在我的Ubuntu Firefox上似乎运行良好，但我尚未尝试其他任何内容。 - Sietse

在我的 Chrome 49.0.2623.112 m 上需要一个插件。 - Alex P.

Answer 2

在Flash中可以更加轻松地完成这项任务。

将视频转换为FLV格式并使用开源的JW播放器进行播放。您可以使用开源的ffmpeg工具来转换视频。(有很多免费的GUI前端可用于ffmpeg)

- cgp

---

ffmpegдјҡе°Ҷ.AVIиҪ¬жҚўдёә.FLVдё”жІЎжңүйҹійў‘延иҝҹеҗ—пјҹ 并且иҝҷдёӘJWжҳҜдёҖдёӘеҸҜд»ҘеөҢе…ҘHTMLдёӯзҡ„.FLVж’ӯж”ҫеҷЁеҗ—пјҹ еҘҪзҡ„пјҢжҲ‘дјҡејҖе§Ӣжҗңзҙў... - Stephen Hazel

我找到了“Video4Web Converter” - 它可能只是基于ffmpeg的GUI，但它非常容易使用。 而且.FLV音频不会延迟 :)仍在努力让JW播放视频。 不过这可能只是我做错了什么。感谢您的帮助！我简直不敢相信在HTML中放置一个视频如此痛苦 :o - Stephen Hazel

好的，我不确定我采取的路线是否是最优的... 但是以后参考：购买了“BSR Screen Recorder 4”来捕捉我的应用程序中的.AVI 使用免费的Moyea“Video4Web Converter”将AVI转换为FLV （录制和转换过程中有一些延迟，但不太糟糕） 获取免费的[http://flv-player.net/players/maxi/ （这是一个在HTML中嵌入播放.flv的.swf） 结果是： [http://pianocheater.com/VIDEO.html] - Stephen Hazel

Answer 3

仅为更新答案并帮助他人，HTML有一个视频标签：

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

更多内容请参考： MDN

- PauloBorba