0

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

我创建了一个小 jsfiddle 来向您展示问题所在，希望您能提供帮助:)

jsfiddle 示例 *第一个工作正常，第二个不行

<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>

提前致谢！

4

1 回答 1

0

这里可能发生了几件事：

请注意，如果页面顶部未声明任何指令，Internet Explorer 9 和更早版本将在 IE5 (Quirks) 模式下运行！我建议在页面顶部添加```。

确保您没有意外让您的 IE9 实例在 IE7/8 兼容模式下运行：点击 [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>
于 2013-03-08T09:35:36.660 回答