video.js - controles não exibidos no IE8

Question

May 24, 2013, 09:06 PM

video.js - controles não exibidos no IE8

Eu estou implementando videojs e tê-lo trabalhando em todos os navegadores no entanto os controles não são visíveis eo botão play é quebrado no IE8 com o Flash fallback.

Após algumas pesquisas, assegurei-me de que estou usando as versões mais recentes de js e css vinculando ao cdn.

Vi uma referência a "boxWidth = box.offsetWidth", mas acredito que isso foi corrigido desde a v3.2.

O código é o seguinte e veiculado por meio de um iframe em 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>