html5视频元素,带有;编解码器选择器";:撤退失败。为什么?

html5视频元素,带有;编解码器选择器";:撤退失败。为什么?,html,video,html5-video,modernizr,Html,Video,Html5 Video,Modernizr,我对html5还不熟悉,我试图从实践中梳理理论 无论好坏,我们的转码器只输出.mp4视频文件 理论 我已经生成了html5视频元素来执行以下操作(或者我是这么想的): 使用“特定于编解码器”源元素指定html5视频标记 嵌入浏览器不支持以下任一项时将显示的链接: 视频元素 编解码器 想法是:如果浏览器不支持“视频”标签或编解码器,它将显示链接 问题 我知道firefox(17)的当前版本不支持mp4。我希望它能显示链接 但是,在firefox(17)中,firefox显示一个大黑框,上面覆

我对html5还不熟悉,我试图从实践中梳理理论

无论好坏,我们的转码器只输出.mp4视频文件

理论

我已经生成了html5视频元素来执行以下操作(或者我是这么想的):

  • 使用“特定于编解码器”源元素指定html5视频标记
  • 嵌入浏览器不支持以下任一项时将显示的链接:

  • 视频元素
  • 编解码器
想法是:如果浏览器不支持“视频”标签或编解码器,它将显示链接

问题

我知道firefox(17)的当前版本不支持mp4。我希望它能显示链接

但是,在firefox(17)中,firefox显示一个大黑框,上面覆盖着以下消息:“未找到支持格式和mime类型的视频”

Html

代码如下:

<video  
          <source  type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"' src='/videos/33536/foo.mp4' />
          <!-- Fallback: browser should show link of it does not codec -->
          <a href='/videos/33536/foo.mp4'>
                      Click this link to view video
          </a>
</video>


我所知道的跨浏览器HTML5视频最丰富的信息来源是深入HTML5,那里有大量的信息,包括Firefox所需的信息

查看视频章节


祝你好运

您是否尝试过不使用type属性,并且检查了服务器为视频发送的MIME类型(只是为了消除任何奇怪的行为)