admin管理员组文章数量:1644390
使用video.js插件在PC端播放视频,官方说可以兼容IE8,但是下载DEMO下来后在本地测试,发现IE 8不能播放。后来搜索资料发现了video.js兼容版本。这个应该是国内的在video.js基础上做了修改。发现特别给力。在这里要特别感谢兼容版本作者。
1.
基本代码结构:
2.现在来看一下Index.html
<html>
<head>
<title>Video.js</title>
<meta charset="utf-8" />
<link href="video.css" rel="stylesheet" type="text/css">
<script src="video.dev.js"></script>
<script>
videojs.options.flash.swf = "video-js.swf";
</script>
</head>
<body>
<!-- autoplay="autoplay" 自动播放 -->
<!-- controls 播放控件显示-->
<!-- preload 是否进入后加载 1.auto 2.none-->
<!-- 去除字幕2 可在字幕文件加入双字幕 -->
<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="1024" height="450"
poster="http://video.wti0/demo/1.jpg"
data-setup="{}">
<source src="http://video.wti0/demo/a.mp4" type='video/mp4' />
<source src="http://video.wti0/demo/a2.webm" type='video/webm' />
<source src="http://video-js.zencoder/oceans-clip.ogv" type='video/ogg' />
<track kind="captions" src="captions.vtt" srclang="ch" label="English"></track>
</video>
</body>
</html>
跟官方demo没差别。
现在就可以用IE8打开了,就是这么神奇!
还有一个地方特别值得注意:测试IE8一定要将文件放到外网可以访问到的服务器上。因为IE低版本不支持本地文件。切记!!!
待会我会把这里所用到的所有的文件进行上传,你可以下载到本地。
我把链接地址放到这:这里写链接内容
如果有帮到你,请给顶一下。谢谢!
另,有不明白的地方,可以微博找我。
微博:璐飞童鞋。关注之后,私信即可。
版权声明:本文标题:video.js在IE8下无法正常播放 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/dongtai/1729384266a1199321.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论