javascript - 视频元素在 IE8 中不显示?

标签 javascript jquery mediaelement.js

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

最佳答案

首先,要尝试几件事:

  • 确保在 IE8 上安装了 Flash。它是旧版浏览器中 Mediaelement.js 的后备。
  • 确保将所有脚本和 css 放在 <head> 中标签。从 <body> 起将不起作用在 IE6-8 中。
  • 尝试转到 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 中工作

enter image description here

关于javascript - 视频元素在 IE8 中不显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21405265/

相关文章:

internet-explorer-11 - Mediaelement.js - 使用 IE 11 获取 NaN

html - 我在灯箱中有 HTML5 视频。为什么会播放多个视频,我该如何停止播放?

javascript - 进行同步 JavaScript 调用的技巧

javascript - mousemove 上的 e.preventDefault 不适用于 NiceScroll

Javascript 函数在取消选中复选框时不起作用

jquery - 如何使用jquery在表单提交之前设置属性

带有音频标签的 MediaElement.js Flash 回退

javascript - 如何在 Internet Explorer 6 中的输入框上有悬停效果

javascript - 如何从另一个组件Vue获取组件的HTML元素

javascript - 将字体大小限制增加和减少到最大和最小 jQuery