Hallo liebe Community,
ich hoffe, ich bin hier richtig mit meiner Frage. Fall nicht, verschiebt das Thema einfach :).
Ich habe mir den freien HTML5-Player video.js heruntergeladen und möchte diesen in deinem Projekt verwenden. Ich hoffe, es hat schon jemand Erfahrung damit.
An sich funktioniert auch alles prima, nur ein Fehler beim Flashfallback passiert. Wenn ich über IE7/8 die Seite aufrufe, wird die Controlbar durchsichtig dargestellt. Einzig der Ladebalken, die Zeit und der Volumebalken werden angezeigt. Woran kann das liegen? Zur Info: Ich verwende video.js 4.3.
So habe ich den Player in die Seite eingebunden:
Code
<video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="none" width="480" height="320" poster="media/spardabank.jpg" data-setup="{}">
<source src="SpardaBankHD.mp4" type='video/mp4' />
<source src="SpardaBankHD.webm" type='video/webm' />
<source src="SpardaBankHD.ogv" type='video/ogg' />
</video>Und das hier steht im head der Seite:
Code
<!-- Chang URLs to wherever Video.js files will be hosted -->
<link href="video-js.css" rel="stylesheet" type="text/css">
<!-- video.js must be in the <head> for older IEs to work. -->
<script src="video.js"></script>
<!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->
<script>
videojs.options.flash.swf = "video-js.swf";
</script>Vielen Dank schonmal für eure Hilfe!
Gruß,
Wuz