video.js 兼容于IE8浏览器

最新推荐文章于 2018-08-06 10:30:46 发布

chengzhaizhen2638

最新推荐文章于 2018-08-06 10:30:46 发布

阅读量771

点赞数

原文链接：https://my.oschina.net/evashuang/blog/779203

版权

Video.js最新v5.10.8版 2016-10-11更新

点击下载地址

Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库，Video.js 自动检测浏览器对 HTML5 的支持情况，如果不支持 HTML5 则自动使用 Flash 播放器。

在页面中引用video-js.cs样式文件和video.js

<link href="video-js.css" rel="stylesheet" type="text/css">
<script src="video.js"></script>

设置flash路径，Video.js会在不支持html5的浏览中使用flash播放视频文件

<script>
    videojs.options.flash.swf = "video-js.swf";
</script>

这个插件真的很好用，不过不兼容IE8，为了兼容IE8我找了好多种方法，终于成功了，现在就分享给有需要的小伙伴。

在页面head部分引入兼容IE8.js。

<script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>

css样式：

article,aside,dialog,footer,header,section,footer,nav,figure,video,menu{display:block}
video::-webkit-media-controls {
    display:none !important;
}

走过的路才发现原来很简单。

转载于:https://my.oschina.net/evashuang/blog/779203

关注