Question

我正在尝试使用Video.js 4.11并在调试后仍然无法在IE8模拟中播放视频。奇怪的是，video.js 4.12版本会导致IE8仿真崩溃，似乎有一个涉及“数据集”标签的JSON问题？

另外，我注意到即使我为视频js设计了自己的皮肤，“border-radius”也被覆盖回默认值，而其他东西工作正常。（我的大玩按钮应该是一个圆圈，但在IE8模拟中，它变成了一个正方形。）

为了证明这不是我的视频文件的问题，我写了一个基于Video.js示例的版本，并使用了很多代码，但只是略有改动，因此外观可以满足我的需求。

我在本地引用的所有东西，我已经检查了路径，它们应该正常工作。

任何建议和帮助都将非常感激。

更新我通过添加以下代码解决了这个问题：

<script src="http://api.html5media.info/1.1.6/html5media.min.js"></script>

万一有人遇到同样的问题，他们的闪回后备功能无法在IE8上运行。

这是我的最终参考代码：

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv=Content-Type content="text/html; charset=utf-8">   
    <title>Video.js demo</title>  
    <link type="text/css" href="http://vjs.zencdn.net/4.11/video-js.css" rel="stylesheet">  
    <script type="text/javascript" src="http://vjs.zencdn.net/4.11/video.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="http://api.html5media.info/1.1.6/html5media.min.js"></script>
    <style type="text/css">
       .vjs-default-skin {color: #F5F2F2;}
       .vjs-default-skin .vjs-big-play-button{left:45%;top:40%;border-radius:100%;border-width:0.1em;width:1.8em;height:1.8em;}
    </style>    
</head>
<body>
   <div style="width:700px;margin:0 auto;">     
    <video id="example" class="video-js vjs-default-skin"
            controls preload="auto" width="640" height="264"
            poster="http://video-js.zencoder.com/oceans-clip.png"
            data-setup='{}'>
        <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' /> 
        <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
        <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
        <!-- Flash Fallback. -->
        <object type="application/x-shockwave-flash" data="flowplayer-6.0.1/flowplayer.swf" width="854" height="504">
            <param name="allowfullscreen" value="true">
            <param name="allowscriptaccess" value="always">
            <param name="movie" value="flowplayer-6.0.1/MirandaS1E01.flv">
            <!--[if IE8]><param name="movie" value="flowplayer.swf"><![endif]-->
        </object>
        <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that 
            <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
        </p>            
    </video>  
</div>
</body>
</html>

Video.js不会在IE8上播放视频

0 个答案: