我试图让这个视频播放器在 IE 中工作。我尝试过使用 video.js,但它无法处理任何事情(即使按照说明操作也没有成功)。
这是 jsFiddle 示例的链接:
1 - FF、Chrome、Opera 和 Safari 中的工作示例
HTML:
<section>
<div role="videos">
<video controls preload width="478" height="266" poster="images/ipad-poster.jpg" id="videoPlayer">
<source src="videos/video1.mp4" type="video/mp4">
<source src="videos/video1.ogg" type="video/ogg">
<source src="videos/video1.webm" type="video/webm">
</video>
</div><!-- end videos -->
</section>
CSS:
div[role="videos"] {
background: url('images/ipad_smaller.png') no-repeat;
width: 788px;
height: 573px;
margin: 195px 0 0 0;
text-align: center;
display: inline-block;
}
div[role="videos"] video {
text-align: center;
margin: 140px 0 0 10px;
}
HTML:
<link href="video-js.css" rel="stylesheet">
<link href="video-js.min.css" rel="stylesheet">
<script src="js/video.js"></script>
<script>videojs.options.flash.swf = "videos/video1.swf"</script>
<div role="videos">
<video id="videoPlayer" class="video-js vjs-default-skin" controls preload="none" width="478" height="266" data-setup="{"controls": true, "autoplay": false, "preload": "auto"}">
<source src="videos/video.mp4" type='video/mp4'/>
<source src="videos/video1.webm" type='video/webm' />
<source src="videos/video1.ogv" type='video/ogg' />
</video>
只是希望有更多的方向,如果我接近与否。
谢谢。