HTML5視頻無法在IE或Firefox中運行，在Chrome中可以正常運行

Question

因此，我有3個不同版本的視頻，mp4，ogg和webm。 在谷歌瀏覽器中，視頻效果很好。 在IE和Firefox中，我收到一條消息，說它找不到正確的文件或路徑。

這是HTML：

    <video class="center" controls>
    <source src="AlderneyBunkerParty2013.mp4" type="video/mp4">
    <source src="AlderneyBunkerParty2013.ogg" type="video/ogg">
    <source src="AlderneyBunkerParty2013.webm" type="video/webm">
    Your browser does not support the video tag.
    </video>

如果您想看看，該網站是www.alderneybunkerparties.co.uk。 我正在運行最新版本的Firefox和IE11。我的html中也包含了一個墊片。

我已經讀過，只以.ogg或.webm結尾的文件是可以的，但是文件實際上以.oggtheora.ogv和.webmhd.webm結尾的-我最初在HTML中包含了這些確切的文件類型，但是我得到了與我知道它們是.ogg和.webm。 干杯。

Answer 1

為所有人嘗試視頻

碼-

<!-- "Video For Everybody" http://camendesign.com/code/video_for_everybody -->
<video controls="controls" poster="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" width="640" height="360">
<source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4" />
<source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm" type="video/webm" />
<source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" type="video/ogg" />
<object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="640" height="360">
    <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
    <param name="allowFullScreen" value="true" />
    <param name="wmode" value="transparent" />
    <param name="flashVars" value="config={'playlist':['http%3A%2F%2Fsandbox.thewikies.com%2Fvfe-generator%2Fimages%2Fbig-buck-bunny_poster.jpg',{'url':'http%3A%2F%2Fclips.vorwaerts-gmbh.de%2Fbig_buck_bunny.mp4','autoPlay':false}]}" />
    <img alt="Big Buck Bunny" src="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" width="640" height="360" title="No video playback capabilities, please download the video below" />
</object>
</video>
<p>
<strong>Download video:</strong> <a href="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4">MP4 format</a> | <a href="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv">Ogg format</a> | <a href="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm">WebM format</a>
</p>

Answer 2

您需要將具有上述格式的視頻放置在正確的路徑中，然后才能播放，嘗試將其轉換為特定格式，然后將其放置在正確的路徑中，然后嘗試像這樣

<video width="320" height="240" controls autoplay>
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.mp4" type="video/mp4">
  <object data="movie.mp4" width="320" height="240">
    <embed width="320" height="240" src="movie.swf">
  </object>
</video>