从webserver调用时,mp4,webm,ogg视频文件无法播放

时间:2012-06-19 04:39:57

标签: internet-explorer firefox mp4 ogg webm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.tb_bg {
background-image: url(../images/audi/audi_land.jpg);
background-repeat: no-repeat;
background-position: center center;
   }
   .vid_pos{
position:static;
   }
   #apDiv1 {
position:absolute;
width:255px;
height:163px;
z-index:1;
left: 69px;
top: 478px;
   }
 -->
 </style>
 </head>

  <body>
 <div id="apDiv1" class="vid_pos">
 <video width="350" height="220" preload="meta" controls="controls"      poster="../images/audi/audi_poster.png">

 <source src="../videos/audi/audi.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />

 <source src="../videos/audi/audi.webm" type='video/webm; codecs="vp8, vorbis"' />

 <source src="../videos/audi/audi.ogg" type='video/ogg; codecs="theora, vorbis"' />

  <object type="application/x-shockwave-flash" style="width: 300px; height: 170px;" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf?flv=/videos/audi/dell_audi.mp4&amp;amp;autoplay=false">

 <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />

  <param name="wmode" value="transparent" />

  </object>
  </video>

   </div>
    <table width="800" height="1005" border="0" cellpadding="1" cellspacing="1"              class="tb_bg">
     <tr>
      <td height="1003">&nbsp;</td>
      </tr>
      </table>

      </body>
      </html>

编码没有错误。当我在所有3个浏览器中打开上面的文件Chrome,IE&amp; Firefox,视频播放。但在我将视频文件和html文件上传到服务器并调用页面后,视频无法在Firefox和IE上播放。它适用于Google Chrome ..

此处没有涉及PHP或Apache ...

服务器空间来自www.godaddy.com ..

当我在Firefox中打开文件时:我收到以下消息,其中放置了视频文件: “找不到支持格式和MIME类型的视频” < / p>

并在IE上 我只看到图片-audi_poster.png

我现在该怎么办?当我从所有3个浏览器中的本地驱动器打开时播放视频..我不知道为什么当我上传到服务器并调用它时它不起作用.. 需要什么额外的东西?请帮助..

1 个答案:

答案 0 :(得分:4)

您的网络服务器必须使用正确的Content-Type标头回复浏览器。对于WebM,'video / webm'。更多here