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

最新推荐文章于 2021-06-19 16:42:29 发布

麦兜麦兜麦兜兜

最新推荐文章于 2021-06-19 16:42:29 发布

阅读量1w

点赞数 3

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： ie 8 视频 video-js

本文链接：https://blog.youkuaiyun.com/wanglufei_1992/article/details/51690636

web前端专栏收录该内容

31 篇文章

订阅专栏

本文介绍了一种在Internet Explorer 8浏览器中使用video.js播放视频的兼容性方案。通过采用特定版本的video.js及其相关配置，解决了IE8环境下视频无法播放的问题。文章还强调了测试IE8兼容性时应将文件部署于可远程访问的服务器上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用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>