Javascript 视频元素未在IE8中显示?
我想在所有浏览器中嵌入视频元素,但它在除IE8之外的所有浏览器中都可以正常工作。在这里,我使用mediaelement.js库来实现它。首先,有几件事要尝试: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的后备方案
- 确保将所有脚本和css放在
标记中。它在IE6-8中的
中不起作用 - 尝试转到Mediaelement或下面的链接。在安装了flash的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”
- tereza通过对代码进行一点小改动,使其在IE8中工作。
- ac0908-
- jkneb-“通过确保mediaelement-and-player.js文件与flashmediaelement.swf文件位于完全相同的目录中,解决了此问题。”