Question

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

Answer 1

首先，有几件事要尝试：

确保在IE8上安装了Flash。这是旧浏览器中Mediaelement.js的后备。
确保将所有脚本和CSS放在<head>标记内。它不适用于IE6-8中的<body>。
尝试访问Mediaelement的website或以下链接。它们应该在安装了闪存的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中工作

enter image description here

Answer 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文件位于完全相同的目录中解决了问题。”

IE8中没有显示视频元素？

2 个答案:

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

支持每个人

搜索GitHub