我正在实现 videojs 并让它在所有浏览器中工作,但是控件不可见,并且播放按钮在 IE8 中损坏并带有 Flash 回退。
经过一些挖掘,我通过链接到 cdn 确保我使用的是最新版本的 js 和 css。
看到了对“boxWidth = box.offsetWidth”的引用,但我相信自 v3.2 以来这已得到纠正。
代码如下,并通过 colorbox.js 中的 iframe 提供
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<link href="http://vjs.zencdn.net/4.0/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.0/video.js"></script>
</head>
<body>
<?php if (!empty($this->user) && $this->access === true) { ?>
<div id="player" class="" style="">
<video id="video-player" class="video-js vjs-default-skin" controls autoplay width="640" height="480" datasetup="{}">
<source src="[VIDEOURL].mp4" type="video/mp4" />
<source src="[VIDEOURL].ogg" type="video/ogg" />
</video>
</div>
<?php } ?>
<script>
var player = videojs("video-player");
_V_.options.flash.swf = "[FLASHURL].swf";
</script>
</body>
最佳答案
对于在此线程中尝试解决方案后遇到相同问题的任何人,我只是经历了同样的事情并找到了解决方案(至少对于我遇到的问题)。
VideoJS 使用一种名为 VideoJS
的字体来表示控件图标。为了显示图标,它使用带有 CSS3 :before
的字体。选择器,如果在 IE7 标准模式下,它在 IE8 中不起作用 .
即使您使用的是 IE8,也可能文档模式已设置为 IE7,打开开发人员工具,并确保您不是在 IE7 模式下:
关于flash - video.js - 控件未在 IE8 中显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16741987/