Internet explorer 8 如何使用IE 8的无Flash回退功能制作HTML 5视频

Internet explorer 8 如何使用IE 8的无Flash回退功能制作HTML 5视频,internet-explorer-8,ffmpeg,html5-video,Internet Explorer 8,Ffmpeg,Html5 Video,我需要一个简单和干净的闪存免费,跨浏览器的解决方案嵌入视频在网页上。我提出了以下解决方案,希望听到是否有人能进一步改进,包括: 方法能否在缓冲视频时显示静止图像 有人能验证这些有条件的评论吗下层隐藏和下层显示让我有点困惑:) 视频转换如下(IE 8使用WMV,Firefox使用WEBM,其余部分使用H264): 标记(使用条件注释创建对IE 8用户的回退): 我建议将标记放在标记内,在源代码之后。不支持视频标签的旧浏览器(例如IE

我需要一个简单和干净的闪存免费,跨浏览器的解决方案嵌入视频在网页上。我提出了以下解决方案,希望听到是否有人能进一步改进,包括:

  • 方法能否在缓冲视频时显示静止图像
  • 有人能验证这些有条件的评论吗<代码>下层隐藏和
    下层显示
    让我有点困惑:)
  • 视频转换如下(IE 8使用WMV,Firefox使用WEBM,其余部分使用H264):

    标记(使用条件注释创建对IE 8用户的回退):


    我建议将
    标记放在
    标记内,在源代码之后。不支持视频标签的旧浏览器(例如IE<9、Firefox<3.6)将忽略它并显示其中的内容,而支持视频的新浏览器将忽略任何内部内容(当然,源代码除外)

    对于未安装Quicktime的系统上的旧浏览器,您可以将回退内容放在
    标记中,这样做会更好。通常,这将是海报图像和升级浏览器的建议或下载视频文件的链接

    请看一看,以获得有关其工作原理和示例的更完整描述。只需将Flash对象替换为Quicktime对象。(我想,如果你想做得更彻底,你可以在Quicktime对象中放一个Flash对象,这样没有安装Quicktime的机器上的旧浏览器在安装了Flash的情况下可能会转而使用Flash。但这可能是一个非常少的人数,而且可能是过度使用了。)

    ffmpeg -i video.mov -b 3000k -vcodec wmv2   -acodec wmav2     -ab 320k -g 30 out.wmv
    ffmpeg -i video.mov -b 3000k -vcodec libvpx -acodec libvorbis -ab 320k -g 30 out.webm
    
    <![if (!IE) | (gte IE 9)]>
    <video controls="true" autoplay="true" poster="video.jpg">
      <source src="video.mov" type="video/quicktime"/>
      <source src="video.webm" type="video/webm"/>
    </video>
    <![endif]>
    
    <!--[if (IE) & (lt IE 9)]>
    <object classid="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" width="1280" height="720">
      <param name="filename" value="video.wmv"/>
      <param name="autostart" value="autostart"/>
      <param name="showcontrols" value="true"/>
      <param name="showstatusbar" value="true"/>
    </object>
    <![endif]-->