Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/439.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/clojure/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 视频元素未在IE8中显示?_Javascript_Jquery_Mediaelement.js - Fatal编程技术网

Javascript 视频元素未在IE8中显示?

Javascript 视频元素未在IE8中显示?,javascript,jquery,mediaelement.js,Javascript,Jquery,Mediaelement.js,我想在所有浏览器中嵌入视频元素,但它在除IE8之外的所有浏览器中都可以正常工作。在这里,我使用mediaelement.js库来实现它。首先,有几件事要尝试: 确保在IE8上安装了闪存。这是旧浏览器中Mediaelement.js的后备方案 确保将所有脚本和css放在标记中。它在IE6-8中的中不起作用 尝试转到Mediaelement或下面的链接。在安装了flash的IE8中,它们应该可以正常工作,如果没有,那么可能是浏览器的本地问题 我在下面的IE8中列出了一个工作示例 上的示例。 I

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

首先,有几件事要尝试:

  • 确保在IE8上安装了闪存。这是旧浏览器中Mediaelement.js的后备方案
  • 确保将所有脚本和css放在
    标记中。它在IE6-8中的
    中不起作用
  • 尝试转到Mediaelement或下面的链接。在安装了flash的IE8中,它们应该可以正常工作,如果没有,那么可能是浏览器的本地问题
我在下面的IE8中列出了一个工作示例

上的示例。

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

JS-Bin
jQuery(文档).ready(函数($){
var player=new MediaElementPlayer(“#player1”);
});
在IE8中工作

实用的跨浏览器HTML5音频和视频 在较旧的浏览器中,
不会呈现,但它会在标记之间显示文本,例如

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

请更新您的浏览器

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

支持所有人 要允许使用非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">
  <p>Please update your browser</p>
</video>
<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>

请更新浏览器或安装Flash

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

虽然这“解决”了你的问题,但也有它的缺点

  • 包含相同视频的多个文件
  • 视频的JavaScript制作不适用于flash视频
  • 如果您尚未启用/安装flash,或未使用HTML5浏览器,您将收到消息“请更新浏览器或安装flash”
搜索GitHub
  • tereza通过对代码进行一点小改动,使其在IE8中工作。
  • ac0908-
  • jkneb-“通过确保mediaelement-and-player.js文件与flashmediaelement.swf文件位于完全相同的目录中,解决了此问题。”

查看并发布您的标记和JS?