video.js在IE8下无法正常播放

使用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.com/demo/1.jpg"
      data-setup="{}">
    <source src="http://video.wti0.com/demo/a.mp4" type='video/mp4' />
    <source src="http://video.wti0.com/demo/a2.webm" type='video/webm' />
     <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />

    <track kind="captions" src="captions.vtt" srclang="ch" label="English"></track>
  </video>

</body>
</html>

跟官方demo没差别。
现在就可以用IE8打开了,就是这么神奇!
还有一个地方特别值得注意:测试IE8一定要将文件放到外网可以访问到的服务器上。因为IE低版本不支持本地文件。切记!!!
待会我会把这里所用到的所有的文件进行上传,你可以下载到本地。
我把链接地址放到这:这里写链接内容

如果有帮到你,请给顶一下。谢谢!
另,有不明白的地方,可以微博找我。
微博:璐飞童鞋。关注之后,私信即可。

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 13
    评论
video.js 是一款开源的 HTML5 视频播放插件,使用简单强大。下面是 video.js 的使用教程大全: 1. 引入 video.js 文件:首先,在 HTML 页面中引入 video.js 的文件。可以使用 CDN 的方式引入,也可以将文件下载到本地并引入。 2. 创建视频播放器:在 HTML 页面中,添加一个 `<video>` 标签,指定视频源地址。 3. 调用 video.js:使用 JavaScript 代码调用 video.js,将 `<video>` 标签转换为 video.js 播放器。代码如下: ``` var player = videojs('my-video'); ``` 其中,`my-video` 是 `<video>` 标签的 id。 4. 自定义播放器样式:可以通过 CSS 控制播放器的外观,修改颜色、字体等样式属性,以适应网站的设计需求。 5. 自定义播放器功能:video.js 提供了丰富的 API,可以根据需求对播放器进行自定义。例如,添加播放、暂停、快进、音量控制的按钮等。 6. 添加插件和功能:video.js 还支持添加各种插件和功能,增加播放器的功能性。例如,添加弹幕功能、字幕显示等。 7. 事件处理:video.js 通过触发各种事件来响应用户行为或播放器的状态变化。可以通过监听事件来实现相应的处理逻辑。 8. 媒体源和格式:video.js 支持多种媒体源和格式,包括 MP4、WebM、HLS 等。可以根据目标用户设备和网络环境选择最适合的格式。 9. 响应式设计:video.js 支持响应式设计,可以根据不同屏幕尺寸和设备自动调整播放器的布局和样式。 10. 浏览器兼容性:video.js 兼容各种主流浏览器,包括 Chrome、Firefox、Safari、IE 等。 以上是 video.js 的使用教程大全,希望这些信息对你使用 video.js 进行视频播放有所帮助。
评论 13
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值