Question

我正在实现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>

Answer 1

对于在此线程中尝试解决方案后遇到相同问题的任何人，我只是经历了同样的事情并找到了解决方案（至少我遇到的问题）。

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

即使您使用的是IE8，也可以将文档模式设置为IE7，打开开发人员工具，并确保您没有使用IE7模式：

IE document mode

Answer 2

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

当我检查video-js.css时，我注意到默认皮肤的@font-face值指向了错误的网址。

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

Answer 3

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

试试这个并删除从您的代码中控制自动播放

video.js - 控件不在IE8中显示

3 个答案: