4

I'm implementing videojs and have it working in all browsers however the controls are not visible and the play button is broken in IE8 with Flash fallback.

Following some digging, I've ensured that I'm using the latest versions of js and css by linking to the cdn.

Saw a reference to "boxWidth = box.offsetWidth" but I believe this was corrected since v3.2.

The code is as follows and served up via an iframe in colorbox.js

    <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>

4

3 回答 3

3

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

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

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

IE文档模式

于 2014-03-25T20:41:20.940 回答
1

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

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

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

于 2013-08-01T16:12:33.183 回答
0 
data-setup='{ "controls": true, "autoplay": true, "preload": "auto" }'

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

于 2013-05-31T13:45:28.793 回答