浏览器播放html5视频video失败,HTTP "Content-Type" 中的 "text/plain" 不支持
2014-09-28 13:57:06;  来源:追太阳;  作者:;  评论:0 点击:

今天在做自己的个人博客(www zhaolingzheng cn)时候发现在本地通过html5的video标签正常播放的视频上传到服务器后在火狐浏览器中不能正常
今天在做自己的个人博客(www.zhaolingzheng.cn)时候发现在本地通过html5的video标签正常播放的视频上传到服务器后在火狐浏览器中不能正常播放了,firebug给出“HTTP "Content-Type" 中的 "text/plain" 不支持...”提示,如下图:

,本地正常上服务器就不正常了,应该是服务器环境配置的问题了。

浏览器支持

  开发者最多的问题在于,HTML5的多媒体目前支持哪些浏览器呢?下面来给大家复习下:

  音频audio

  Firefox支持Ogg Vorbis和WAV

  Opera支持Ogg Vorbis和WAV

  Safari支持MP3,AAC格式 ,和MP4

  Chrome支持Ogg Vorbis,MP3,WAV,AAC和MP4

  Internet Explorer 9+支持MP3,AAC格式 ,和MP4

  IOS支持MP3,AAC格式 ,和MP4

  Android支持AAC和MP3

  为了最大程度支持所有上面提到的浏览器,建议开发者使用Ogg Vorbis和MP3这两种格式例如。

<audio controls>
<source src="myAudio.ogg" type="audio/ogg">
<source src="myAudio.mp3" type="audio/mp3">
</audio>
 

video

  Firefox支持Ogg Theora格式和WEBM

  Opera支持Ogg Theora格式和WEBM

  Safari浏览器支持MP4

  Chrome支持Ogg Theora格式,MP4和WEBM

  Internet Explorer 9支持MP4和WEBM(需要安装插件)

  IOS支持MP4

  Android支持MP4和WEBM(Android 2.3版本以上)

  为了支持上述所有的浏览器,建议使用WebM和MP4视频文件作为source元素。例如。

<video controls>
<source src="myVideo.mp4" type="video/mp4">
<source src="myVideo.webm" type="video/webm">
</video>
 

MIME 类型:

  即使对浏览器来说,已经设置了正确的媒体,但有可能是您的服务器并不能正确识别多媒体的MIME类型。MIME类型告诉服务器如何处理不同的文件类型。如果你使用Apache,则可以在.htaccess文件中添加下面的音频支持:

AddType audio/ogg ogg
AddType audio/ogg oga
AddType audio/wav wav
AddType audio/mpeg mp3
AddType audio/mp4 mp4
AddType audio/mp4 mpa

  类似地添加如下代码,以支持视频:

AddType video/webm webm
AddType video/mp4 mp4
AddType video/ogg ogg
AddType video/ogg ogv

  书写注意要换行。如果不能访问服务器的.htaccess文件,则有可能在服务器的控制面板地方有一个选项,允许查看和添加MIME类型。

  如果是Windows服务器,那么可能需要在IIS或者web.config中进行设置在web.config文件中。

相关热词搜索:html5 video conenttype apache配置

上一篇:css兼容性调解之IE下 z-index 的各种坑
下一篇:解决网页上的FLASH挡住其它层的问题

收藏
回到顶部