flash - video.js - 控件未在 IE8 中显示

标签 flash internet-explorer-8 video.js

我正在实现 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 模式下:

IE document mode

关于flash - video.js - 控件未在 IE8 中显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16741987/

相关文章:

javascript - Adobe Flex 还值得学习吗?

JQuery - $.ajax() - 使用 JSONP 跨源 - 仅在 IE 8 中获取 'parsererror' (在 IE 7 中工作)

在 IE 8 上呈现 HTML 5 CSS3

javascript - 如何更改视频js中bigPlayButton的内容?

javascript - 如何调用一个简单的javascript函数();当我单击 .swf 文件(FLASH)中的按钮时?

jquery - Ruby on Rails 中的简单多人游戏?

css - 带有 html 类的 swfobject?

internet-explorer-8 - IE8自动使用 "IE8 Compat View"浏览器模式和 "IE7 Standards"文档模式

html - 如何生成用于 VideoJS 的视频预览缩略图?

plugins - VideoJS 5 插件添加按钮