Fatal编程技术网
  • flash/
  • Flash video.js-控件未在IE8中显示

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

flash internet-explorer-8

Flash video.js-控件未在IE8中显示,flash,internet-explorer-8,video.js,Flash,Internet Explorer 8,Video.js,我正在实现videojs，并使其在所有浏览器中都能工作，但是控件不可见，并且在IE8中的播放按钮被破坏，并带有Flash回退功能 经过一些挖掘，我通过链接到cdn来确保我使用的是最新版本的js和css 看到了对“boxWidth=box.offsetWidth”的引用，但我相信这是从v3.2开始更正的 代码如下所示，并通过colorbox.js中的iframe提供 var player=videojs（“视频播放器”）； _V_.options.flash.swf=“[FLASHURL].

我正在实现videojs，并使其在所有浏览器中都能工作，但是控件不可见，并且在IE8中的播放按钮被破坏，并带有Flash回退功能

经过一些挖掘，我通过链接到cdn来确保我使用的是最新版本的js和css

看到了对“boxWidth=box.offsetWidth”的引用，但我相信这是从v3.2开始更正的

代码如下所示，并通过colorbox.js中的iframe提供


var player=videojs（“视频播放器”）；
_V_.options.flash.swf=“[FLASHURL].swf”；

尝试此项并删除
控制代码中的自动播放

不确定是否查看了
video js.css
文件，但我遇到了完全相同的问题

当我检查
video js.css
时，我注意到默认外观的
@font-face
值指向错误的URL

一旦我将这些设置更新为我安装字体文件夹（视频js下载包的一部分）的正确值，一切都正常运行。

对于在这个线程中尝试解决方案后遇到相同问题的任何人，我只是做了同样的事，并找到了修复方法（至少针对我遇到的问题）

VideoJS使用名为
VideoJS
的字体来表示控件图标。要显示图标，它使用带有CSS3
：before
选择器的字体，，如果在IE7标准模式下，该字体在IE8中不起作用

即使您可能正在使用IE8，也有可能文档模式已设置为IE7，打开开发人员工具，并确保您未处于IE7模式：

是图标坏了吗？对版本4（4.0.2）进行了更新，修复了IE8图标问题。它现在应该在cdn 4.0版本中。你还看到这个问题吗？你找到解决办法了吗？我也有同样的问题。。。 
    <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>

data-setup='{ "controls": true, "autoplay": true, "preload": "auto" }'