0

我试图让这个视频播放器在 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;
}

2 - video.js 尝试,在任何浏览器中都不起作用

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>

只是希望有更多的方向,如果我接近与否。

谢谢。

4

0 回答 0