wou*_*_be 10 video html5 internet-explorer-9
我在IE9中显示HTML5视频时遇到了一些麻烦,我在htaccess中添加了不同的类型
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm
这就是我的html
<video id="video" autoplay loop preload>
<source src="video/final_loop.mp4" type="video/mp4" />
<source src="video/final_loop.webm" type="video/webm" />
<source src="video/final_loop.ogg" type="video/ogg" />
Your browser does not support the <code>video</code> element.
</video>
我也尝试将视频转换为Theora ogv格式并使用
<source src="video/final_loop.theora.ogv" type="video/ogv" />
但这也不起作用,我认为.ogg在IE9中得到了支持吗？
小智 9
Internet Explorer 9使用H.264编解码器支持MPEG4.但它还要求文件一开始下载就可以开始播放.
以下是如何制作在IE9中工作的MPEG文件的基本步骤(在Ubuntu上使用avconv).我花了很多时间才弄明白,所以我希望它可以帮助别人.
使用H.264编解码器将视频转换为MPEG4.你不需要任何花哨的东西,只需让avconv为你完成这项工作:
avconv -i video.mp4 -vcodec libx264 pre_out.mp4
此视频适用于支持MPEG4的所有浏览器,IE9除外.要添加对IE9的支持,您必须将文件信息移动到文件头,以便浏览器可以在开始下载后立即开始播放.这是IE9的关键!
qt-faststart pre_out.mp4 out.mp4
qt-faststart是一个Quicktime实用程序,也支持H.264/ACC文件格式.它是libav-tools包的一部分.
你想在IIS上使用它吗？
如果是这样,您必须添加适当的mime类型来识别您的视频文件:
<configuration>
<system.webServer>
<staticContent>
<!-- Video -->
<mimeMap fileExtension=".mp4" mimeType="video/mp4"/>
<mimeMap fileExtension=".webm" mimeType="video/webm"/>
</staticContent>
</system.webServer>
<system.web>
<compilation debug="true" targetFramework="4.0" />
</system.web>
</configuration>
这是一些适用于IE9的标记(在根文件夹中,我的文件有一个"视频"文件夹):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Video Demo</title>
</head>
<body>
<video id='movie'
autoplay
controls
loop
preload=auto
playbackRate="1"
width="800">
<source src="video/video.mp4" type='video/mp4' />
<source src="video/video.webm" type='video/webm' />
</video>
</body>
</html>
Dav*_*rsa -2
在微软官方网站上有 IE9 视频的代码片段
<video width="400"
height="300"
src="video.mp4"
poster="frame.png"
autoplay
controls
loop>
This content appears if the video tag or the codec is not supported.
</video>
尝试使用此代码。
| 归档时间： |
|
| 查看次数： |
38838 次 |
| 最近记录： |