video.js - Steuerelemente werden in IE8 nicht angezeigt

Question

May 24, 2013, 09:06 PM

video.js - Steuerelemente werden in IE8 nicht angezeigt

Ich implementiere videojs und habe es in allen Browsern, aber die Steuerelemente sind nicht sichtbar und die Wiedergabetaste ist in IE8 mit Flash-Fallback defekt.

Nach einigem Graben habe ich sichergestellt, dass ich die neuesten Versionen von js und css verwende, indem ich auf die CDN verlinke.

Habe einen Verweis auf "boxWidth = box.offsetWidth" gesehen, aber ich glaube, das wurde seit v3.2 korrigiert.

Der Code lautet wie folgt und wird über einen Iframe in colorbox.js bereitgestellt

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