Video.js html5 播放器（版本 4.11.3）适用于除 IE 之外的所有浏览器（8 和 11 测试）答案

【问题标题】：Video.js html5 player (version 4.11.3) works in all browsers except IE (8 & 11 tested)Video.js html5 播放器（版本 4.11.3）适用于除 IE 之外的所有浏览器（8 和 11 测试）
【发布时间】：2015-01-23 13:07:49
【问题描述】：

在 IE 中，播放按钮仅显示一个矩形。点击海报的任何部分都会播放视频，一些皮肤元素开始显示。但是皮肤的某些元素缺失了。

适用于 Google Chrome、Safari、Firefox。

问题页面：http://haostaff.com/store/index.php?main_page=pazu

演示 html 文件在本地机器上显示相同的问题。为什么http://www.videojs.com/ 网站上的演示没有同样的问题？！一整天都白费。

请帮忙。谢谢！

【问题讨论】：

我不相信只有我一个人有这样的问题。我的搜索没有发现任何类似的问题报告。其他人有同样的问题吗？

标签： internet-explorer video.js

【解决方案1】：

问题出在 videojs css 问题上，如果您要在本地使用完整的 css，您必须使用 videojs.com 提供的原始源代码。我为你制作了小提琴，并在 IE 中进行了测试，它的工作正常。 fiddle

HTML

   <link href="http://vjs.zencdn.net/4.11/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.11/video.js"></script>
<style type="text/css">
  .vjs-default-skin { color: #ffffff; }
  .vjs-default-skin .vjs-play-progress,
  .vjs-default-skin .vjs-volume-level { background-color: #ffffff }
</style>
    <video id="MY_VIDEO_1" class="video-js vjs-default-skin" controls
 preload="auto" width="640" height="264" poster="MY_VIDEO_POSTER.jpg"
 data-setup="{}">
 <source src="http://haostaff.com/store/video-js/pazu.mp4" type='video/mp4'>
 <source src="MY_VIDEO.webm" type='video/webm'>
 <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>

【讨论】：

感谢 Sim，您对此进行了调查。我已经实现了你的代码。问题依旧！你的小提琴在我的浏览器中也很好用（就像 videojs 官方演示视频一样）。但是由于某种神秘的原因，这些代码在我的网站上不起作用。检查同一页面：haostaff.com/store/index.php?main_page=pazu，如果你查看它的源代码，你会发现我已经虔诚地实现了小提琴代码。谢谢，杰夫
尝试删除可能导致问题的 sublimevideo 的来源
试过了。还是同样的问题。为什么官方演示有效，小提琴演示有效，而我的生产站点无法正常工作 - 所有这些都使用相同的代码！
我刚刚检查了页面它仍然有崇高的来源prntscr.com/5x58je
哦，我测试后又加回来了，因为我的直播主页上的视频需要它。这真的不是问题。如果您愿意，我可以将其删除以供您测试。在我回到这个 sublimevideo 选项来让事情先行之前，这个问题持续了很长时间。但是我真的很想解决这个问题，以便我可以使用 Videojs 包，因为 Sublime 给了我一些其他问题（更可以容忍），我不确定是否能够解决。感谢 Sim 的耐心等待。