Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
IE9 HTML5视频支持_Html_Video_Internet Explorer 9 - Fatal编程技术网

IE9 HTML5视频支持

IE9 HTML5视频支持,html,video,internet-explorer-9,Html,Video,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" />

我在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>
我还尝试将视频转换成ogv格式并使用

<source src="video/final_loop.theora.ogv" type="video/ogv" />


但这也不行,我想.ogg在IE9中是受支持的?

在微软官方网站上,有一些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>

如果不支持视频标签或编解码器,则会显示此内容。

请尝试使用此代码。

。如果你想在IIS上使用它,它会自动关闭。

你想在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中适用的标记(在根文件夹中,我有一个包含文件的“视频”文件夹):


视频演示

正如其他人提到的,IE9不支持OGV,只支持MP4和WebM(带有插件)。我遇到了很多麻烦,即使是MP4,它应该在本地播放,才发现在为IE9服务MP4文件时要考虑的一个问题是文件Meta信息,称为嵌入在MP4文件本身中的MOOVAtom。如果它位于文件的末尾,包括一些编码器的位置,IE9将不会开始播放视频,除非下载整个视频文件。将moovatom元数据重新定位到文件的开头,可以逐步下载MP4文件,IE9可以很好地处理视频

有一个叫做的工具来执行这个操作。编译并使用随ffmpeg分发的Linux命令行版本,这对我来说是个奇迹

make tools/qt-faststart
sudo cp tools/qt-faststart /usr/local/bin/
qt-faststart original_file.mp4 modified_file.mp4
见第页;它通过
IE9
为海报问题提供了解决方案,并扩展了视频编解码器:


一些简单的
CSS
和条件语句起到了作用。我现在认为海报应该放在视频的开头(第一帧)和结尾(最后一帧),就好像它们是专辑封面一样。通过这种方式,视频开头和结尾的图像将让观众从视觉上了解为什么他们应该播放视频(就像你购买专辑的原因有时是因为封面)。

Internet Explorer 9支持使用H.264编解码器的MPEG4。但它也要求文件一开始下载就可以开始播放

下面是如何制作在IE9中工作的MPEG文件(在Ubuntu上使用avconv)的基本步骤。我花了很多时间来弄明白这一点,所以我希望它能帮助其他人

  • 使用H.264编解码器将视频转换为MPEG4。您不需要任何花哨的东西,只需让avconv为您完成工作:

    avconv -i video.mp4 -vcodec libx264 pre_out.mp4
    
  • 此视频将在除IE9之外的所有支持MPEG4的浏览器上运行。要添加对IE9的支持,您必须将文件信息移动到文件头,以便浏览器可以在开始下载时立即开始播放。这是IE9的关键

    qt-faststart pre_out.mp4 out.mp4
    

  • qt faststart
    是一个Quicktime实用程序,它也支持H.264/ACC文件格式。它是libav工具包的一部分。

    请注意,对于IE9,视频源必须在视频标签本身的“src”属性中给出

    我建议您专门检测IE9,并将该属性添加到视频标签中。您需要专门针对IE9这样做,因为OSX上的Firefox不接受src标记中的MP4视频文件


    希望有帮助

    谢谢,但我以前试过,我也不明白为什么它现在会突然起作用,因为我在我的示例中使用了相同的视频格式视频标签是一个实验性的功能,现在还没有编解码器标准:(明智地使用这个标签。)是的,我知道它是实验性的,我在Chrome、Firefox和Safari中使用了它,“只是IE是一种痛苦。”大卫说,“为什么你给出的答案与OP的问题一模一样?”?为什么人们会选择根本不是答案的答案?奇怪的社区…AddType不是为我的服务器添加了mime类型吗?无论如何,现在我们通过创建一个动画gif并在IE9上显示来解决这个问题,它很方便,因为gif也可以在iPhone/iPadw上使用,
    .ogg
    .ogv
    之间的区别是什么?在使用编解码器和浏览器支持的上下文中。我想(听说)没有。两种视频格式(如果它们确实完全不同)使用相同的代码,如果任何浏览器支持
    .ogg
    ,它也将支持
    .ogv
    。我弄错了吗?我在IE9中的视频有问题,我把所有的源都作为子元素。我会给你一个建议。虽然这是三年前发布的,但现在链接断了。
    qt-faststart pre_out.mp4 out.mp4