HTML5 / Video

FlinkerWiesel

moin moin und froh weihnachtstage wünsche ich noch....

Und zwar habe ich ein HTML5 Code gebastelt wo ich jetzt über Apple ipad, iphone, adroid, Firefox, Chrome etc abspielen kann. Jetzt hab ich das noch zum schluß im IE7 und IE8 getestet und nartürlich schuß im offen wie immer mit den Browsers. Der IE7 zeigt gar nichts an und der IE8 nur den player-element. Hat da noch einer eine idee wo oder was ich ändern könnte ?

Code

<video width="320" height="240" poster="poster.jpg" controls="controls" preload="none">
    <!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 -->
    <source type="video/mp4" src="media/imagefilm2011.mp4" />
    <!-- WebM/VP8 for Firefox4, Opera, and Chrome -->
    <source type="video/webm" src="media/imagefilm2011.webm" />
    <!-- Ogg/Vorbis for older Firefox and Opera versions -->
    <source type="video/ogg" src="media/imagefilm2011.ogv" />
    <!-- Flash fallback for non-HTML5 browsers without JavaScript -->
    <object width="320" height="240" type="application/x-shockwave-flash" data="js/flashmediaelement.swf">
        <param name="movie" value="js/flashmediaelement.swf" />
        <param name="flashvars" value="controls=true&file=media/imagefilm2011.mp4" />
        <!-- Image as a last resort -->
        <img src="myvideo.jpg" width="320" height="240" title="No video playback capabilities" />
    </object>
</video>

Alles anzeigen

Bandit

Der IE8, und schon garnicht der IE7 verstehen HTML5 richtig, da gibt es Probleme ohne Ende

Und wenn man bei google mal

html5 video ie7

eingeben würde, hätte man das sogar selber herausfinden können.

FlinkerWiesel

Also hab das Problem gelöst hoffe ich hab einfach denn JW-Player mit eingebunden.

Code

<video width="690" height="380" poster="poster.jpg" controls="controls" preload="none">
    <!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 -->
    <source type="video/mp4" src="media/imagefilm2011.mp4" />
    <!-- WebM/VP8 for Firefox4, Opera, and Chrome -->
    <source type="video/webm" src="media/imagefilm2011.webm" />
    <!-- Ogg/Vorbis for older Firefox and Opera versions -->
    <source type="video/ogg" src="media/imagefilm2011.ogv" />
    <!-- Flash fallback for non-HTML5 browsers without JavaScript -->
             <div id='mediaspace'>This text will be replaced</div>
 <script type='text/javascript'>
  jwplayer('mediaspace').setup({
    'flashplayer': 'player.swf',
    'image': 'playpreview/meinvideo.jpg',
    'file': 'media/imagefilm2011.flv',
    'skin': 'skins/skewd/skewd.zip',
    'frontcolor': 'ffffff',
    'lightcolor': 'cc9900',
    'screencolor': '1a3553',
    'width': '690',
    'height': '380'
  });
</script>
</video>
<span id="player2-mode"></span>

Alles anzeigen

um IE7 und 8 scheint es jetzt zu funktionieren... und

p.s:
@Bandit "Und wenn man bei google mal html5 video ie7 eingeben würde, hätte man das sogar selber herausfinden können."

Also Google benutze ich schon 1000mal am Tag keine angst, Forum kann ich halt auch verwenden oder ? Ist ja nicht so das ich nicht selber rausfinden würde frag ja noch nach alternativen oder mit User die schon erfahrung gemacht haben wo ich schneller zu mein ergebniss komme!!

Tags