Apache+HTML5视频标签-什么可能出错

[查看更新！-适用于Android/IOS浏览器，但其他地方都不行。FireFox、Chrome、Opera、Safari都失败了。尽管它们肯定已经准备好了HTML5视频标签]

简单地尝试使用html5标签流式传输视频。我得到的只是视频播放器的控制，没有其他东西。这是如此简单，我认为它应该只是工作：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Movie title</title>
</head>
<body>
<video id="movie" preload controls>
  <source src="test.mp4" />
</video>
</body>

那么我哪里会出错呢？除了这个小片段，我已经尝试了很多。我试过其他人的例子片段。我试过很多视频，很多格式（mp4，flv，ogg）。我试过在Chrome、Firefox、Android嵌入式浏览器、Opera、IE9中查看它。

我可以在VLC等程序中从URL流式传输文件，而不会出现任何问题。

我开始认为Apache2可能是这里的问题，尽管我认为我可以从VLC流式传输URL而没有问题，这表明Apache2不是问题所在。

感谢您的帮助。我在扯头发。

更新：

每当我尝试从Chrome中访问视频目录的URL时，似乎都会出现这样的错误：资源被解释为"其他"，但使用MIME类型未定义的传输
这个错误肯定是服务器端的问题，apache2一定没有在某个地方正确配置？
如果我甚至从Apache2服务器内的URL访问FLV文件目录，就会出现MIME类型未定义的错误。它是视频控件。每当我点击播放时，它都会多次发送未定义的MIME类型。

更新2:

已验证我的.htaccess正在读取
在我的.htaccess:中添加了以下内容
AddType视频/og.ogv
AddType视频/ogg.ogg
AddType视频/mp4.mp4
仍然不起作用，仍然可以在Chrome中看到MIME类型未定义。

更新3:

Firefox和其他人可以毫无问题地查看URL/test.mp4，但NONE可以使视频标签正常工作

更新4:

安卓系统现在可以让视频标签工作了。.htaccess的更改似乎解决了这个问题。然而，无论出于何种原因，没有一个桌面浏览器可以

Firefox和Opera不支持MP4，Chrome很快就会放弃对它的支持。最好还添加一个WebM源。

尝试将type属性添加到source声明中：

<source src="test.mp4" type="video/mp4">

这是我的网站www.pi-corp.net上的html代码。这允许在所有商业浏览器上播放，并回退到flash。

<div class="video-js-box" style="width: 316px"><br><video class="video-js" width="320" height="240" controls preload autoplay poster="http://pi-corp.net/images/PIC_Full_Logo_PIC_HMI.png"><source src="http://pi-corp.net/picvideo/PIChmi.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /><source src="http://pi-corp.net/picvideo/PIChmi.ogv" type='video/ogg; codecs="theora, vorbis"' /><source src="http://pi-corp.net/picvideo/PIChmi.webm" type='video/webm; codecs="vp8, vorbis"' />
        <object id="flash_fallback_1" class="vjs-flash-fallback" width="320" height="240" type="application/x-shockwave-flash"
        data="flowplayer-3.2.1.swf"><div class="style23"> <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /><param name="allowfullscreen" value="true" /><param name="flashvars" value='config={"playlist":["http://pi-corp.net/images/PIC_Full_Logo_PIC_HMI.png", {"url":"http://pi-corp.net/picvideo/PIChmi.mp4
        ","autoPlay":true,"autoBuffering":true}]}' /> <img src="http://pi-corp.net/images/PIC_no_playback.png" width="320" height="240" alt="Poster Image"
          title="No video playback capabilities." /> </div> </object></video>

相关内容

最新更新

热门标签：