LinkBack URL
About LinkBacks
Einbindung Video per HTML 5 gelingt unter IE nicht
Hallo Leute ich versuche der Zeit mein Video in HTML 5 zum laufen zubringen im Internet Explorer.
in einer HTML / PHP Datei funktioniert es alles. ( Opera, Firefox, CHrome, IE )
Aber irgendwie nicht wenn ich den Code mit entsprechden DirektPfad Angaben in einen Beitrag per Code Ansicht ( Es ist nur Code Ansicht - kein Editor eigeschaltet ) einfüge.
Dann geht das Video nicht im IE.
Was könnte da der grund Sein? Brauch ich noch ein Plugin für den IE im Joomla 1.5?
hier mal der HTML5 Code den ich benutze, mit einer Sonderfunktion das der Text Später erst erscheint wenn das Video zuende ist.
gruß, talkuvitHTML-Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta **********="Content-Type" content="text/html; charset=utf-8" /> <title>Abfindung Steuerfrei</title> <style type="text/css"> body { margin-left: 0px; margin-right: 0px; margin-top: 30px; } #main { width:640px; padding:20px; border:#CCC solid 2px; margin-left:auto; margin-right:auto; -moz-border-radius:10px; -khtml-border-radius:10px; z-index:1; } #video { width:624px; height:352px; margin-left:auto; margin-right:auto; display:block; } #content { width:710px; padding-top:20px; margin-left:auto; margin-right:auto; display:none; } </style> <script language="javascript" type="text/javascript"> function checkend(){ if(document.getElementById('vid').ended == true){ document.getElementById('content').style.display = 'block'; document.getElementById('video').innerHTML = '<a href="javascript:play();"><img src="platzhalter.jpg" width="624" height="352" alt="play" /></a>'; clearInterval(checkinterval); } } function play(){ videourl = "platzhalter"; //URL ohne Dateiendung. Datei muss als .mp4, .webm und .ogv vorliegen hoehe = "624"; breite = "352"; document.getElementById('video').innerHTML = '<video id="vid" width="'+hoehe+'" height="'+breite+'" nocontrols><source src="'+videourl+'.mp4" type="video/mp4" /><source src="'+videourl+'.webm" type="video/webm" /><source src="'+videourl+'.ogv" type="video/ogg" />Ihr Browser kann das Video nicht darstellen. Bitte aktuallisieren Sie den Ihren Browser.</video>'; document.getElementById('vid')****ay(); checkinterval = setInterval('checkend()',1000); } </script> </head> <body> <div id="main"> <div id="video"> <a href="javascript:play();"><img src="platzhalter.jpg" width="624" height="352" alt="play" /></a> </div> <div id="content"> Text blablabla. </div> </div> </body> </html>
Zitieren
Lesezeichen