Question

出于某种原因，我的视频适用于所有其他浏览器（在此示例中我只使用mp4，但我也使用ogv和webm）。更奇怪的是，有些视频有效，有些则无效。

我创建了一个小jsfiddle来向你展示这个问题，希望你能帮忙:)

jsfiddle example *第一个工作正常，第二个不工作

<video controls >
<source src="https://s3.amazonaws.com/alchemycollaborative/video/inspired/Hitchcock.mp4"
type="video/mp4" />
<p>Your browser does not support HTML5.</p>
</video>
<video controls >
<source src="https://s3.amazonaws.com/alchemycollaborative/video/sizzle.mp4"
type="video/mp4" />
<p>Your browser does not support HTML5.</p>
</video>

提前致谢！

Answer 1

这里可能会有几件事情发生：

请注意，如果在页面顶部未声明指令，则Internet Explorer 9及更早版本将以IE5（Quirks）模式运行！我建议在页面顶部添加“`”。

确保您没有意外地在IE7 / 8兼容模式下运行IE9实例：点击[F12]并检查调试器窗口中菜单右侧的项目是否为“浏览器模式：IE9文档模式：标准“

如果上述步骤无效，请尝试将<meta http-equiv="X-UA-Compatible" content="IE=9"/>添加到页面的标题元素中：这将强制IE9或更高版本在IE9兼容模式下运行。

注意：仅在调试时使用此功能 - 如果您将此元标记保留在实际网页中，则使用IE10访问您网站的任何人都将无法享受IE9的任何新HTML5功能不支持！

FWIW，以下在我的机器上工作正常（虽然第二个视频似乎不存在！）：

<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>My Site's Title</title>
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
</head>
<body>
  <video controls >  
    <source src="https://s3.amazonaws.com/alchemycollaborative/video/inspired/Hitchcock.mp4" type="video/mp4" />
    <p>Your browser does not support HTML5.</p>
  </video>
  <video controls >
    <source src="https://s3.amazonaws.com/alchemycollaborative/video/sizzle.mp4" type="video/mp4" />
    <p>Your browser does not support HTML5.</p>
  </video>
</body>
</html>

HTML5视频IE9红色X.

1 个答案: