IE8 中不显示视频元素？答案

【问题标题】：Video element is not displaying in IE8?IE8 中不显示视频元素？
【发布时间】：2014-01-28 12:07:08
【问题描述】：

我想在所有浏览器中嵌入视频元素，但它在除 IE8 之外的所有浏览器中都能正常工作。这里，我使用 mediaelement.js 库来实现。

【问题讨论】：

看video-is-not-playing-in-ie8-by-mediaelement-js和Issues
还有stackoverflow.com/questions/6922493/…
你能发布你的标记和JS吗？

标签： javascript jquery mediaelement.js

【解决方案1】：

首先，有几件事要尝试：

确保在 IE8 上安装了 Flash。它是旧浏览器中 Mediaelement.js 的后备方案。
确保将所有脚本和 css 放在 <head> 标记内。它不适用于 IE6-8 中的 <body>。
尝试访问 Mediaelement 的website 或下面的链接。它们在安装了 flash 的 IE8 中应该可以正常工作，如果不是，则可能是您的浏览器的本地问题。

我在下面的 IE8 中整理了一个工作示例。

JSBin 上的示例。

IE 版本 8.0.6001.18702
jQuery 版本 1.10.2
Mediaelement.js 版本 2.13.2

相关代码

<head>
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <meta charset="utf-8">
    <title>JS Bin</title>
    <script type="text/javascript" src="http://mediaelementjs.com/js/mejs-2.13.2/mediaelement-and-player.min.js"></script>
    <script>
        jQuery(document).ready(function($) {
            var player = new MediaElementPlayer('#player1');
        });
    </script>
</head>
<body>
    <video id="player1" src="http://techslides.com/demos/sample-videos/small.mp4" width="320" height="240"></video>
</body>

在 IE8 中工作

【讨论】：

【解决方案2】：

实用的跨浏览器 HTML5 音频和视频

在旧版浏览器中，<video> 不会呈现，但会在标签之间显示文本；

<video id="video1" width="640" height="360" >
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
  <p>Please update your browser</p>
</video>

将显示“请更新您的浏览器”。

支持大家

要允许使用非 HTML5 支持浏览器的访问者播放视频，您可以提供一个嵌入 Flash 的替代方案，该替代方案可以播放您为 Internet Explorer 9、Safari 和 Chrome 提供的相同 MP4。例如；

<video id="video1" width="640" height="360" >
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
  <object width="640" height="360" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
 codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0">
        <param name="SRC" value="player.swf?file=video.mp4">
        <embed src="player.swf?file=video.mp4" width="640"
          height="360"></embed> 
        <p>Please update your browser or install Flash</p>
  </object>
</video>

此标记为所有浏览器提供了某种播放视频的方式。

虽然这“解决”了你的问题，但它确实有它的缺点；

包含相同视频的多个文件
视频的 JavaScript 操作不适用于 Flash 视频
如果您没有启用/安装 Flash 或使用 HTML5 浏览器，您将收到消息“请更新您的浏览器或安装 Flash”

搜索 GitHub

tereza 通过对代码进行一些小改动，设法让它在 IE8 中运行。 See Fix Source
ac0908 - Some things to check
jkneb - “通过确保 mediaelement-and-player.js 文件与 flashmediaelement.swf 文件位于完全相同的目录中来解决问题。”

【讨论】：