Wieso startet mein Video nicht(Html5 Videoabspielen)?

Hallo Leute, wieso starte mein Video nicht bei....
1) Firefox 16.0.2 und Opera 12.10
2) bei interent Explorer startet das Video
weiß einer wo mein Fehler liegt?




</head>
<body background="Sterne.jpg">

<video id="video" width="640" height="360" controls="controls" autoplay loop>
<source id="videoMp4" src="video_mp4.mp4" type="video/mp4"></source>
<source id="videoWebm" src="video_webm.webm" type="video/webm"></source>
<source id="videoOgg" src="video_ogg.ogv" type="video/ogg"></source>
<div id="fallback" style="width:640px; height:360px;"></div>
</video>
<script type="text/javascript">
flowplayer("fallback","flowplayer/flowplayer.swf",{
clip: { autoPlay: false,
autoBuffering: false},
playlist: ['video_mp4.mp4']
});

var browser = navigator.userAgent.toLowerCase();
document.write('<p>Browser: ' + browser + '</p>');
if(browser.indexOf('iphone')!=-1){
var mp4el = document.getElementById('videoMp4');
var newsrc = mp4el.src.replace('ipad','iphone');
mp4el.src = newsrc;
var videoel = document.getElementById('video');
videoel.load();
videoel.height = 100;
videoel.width = 100;
document.write('<p>iPhone erkannt!</p>');
}
</script>

<p> </p>

</body>
</html>

meine Vides heißen>
video_mp4
video_ogg
video_webm

2013-02-01T09:50:35Z

Vielen dank für eurere Hilfe

2013-02-01T09:57:12Z

<!DOCTYPE html>
steht ganz oben ;-)

2013-02-01T10:00:41Z

>>>>sollte ich noch sagen auf meinen Rechner läuft alles ohne probleme nur wenn ich die Daten online stelle sind, starten meine Videos nicht!

2013-02-01T12:03:43Z

@Brasil
mehr info bitte...was für codes!?

2013-02-01T12:20:14Z

@Kniebeuger hi, habe background weggelassen , leider ohne erfolg!

2013-02-01T12:34:37Z

?flowplayer?
<script type="text/javascript">
flowplayer("fallback","flowplayer/flowplayer.swf",{
clip: { autoPlay: false,
autoBuffering: false},
playlist: ['video_mp4.mp4']
nee nichts
habe auch statt "flowplayer/flowplayer.swf" auch "flowplayer/index.html ausprobiert
es zeigt immer nur ein schwarzer bildschirm :-(

2013-02-01T13:16:25Z

@front-pet
möglich das es nur am server liegt... ich benutzte zur Teit zum testen
http://www.cwcity.de/
ich kenne zwar .htaccess aber auf dem server ..nix da ,-)
nur die Ordner
1)confidential
2)cwphp
3)htdocs
und in diesen ligen meine Dateien

2013-02-01T14:23:50Z

@front-pet
vielen dank für deinen tip , habe nun diese seite gefunden
http://www.frankenware.de/webintegration/38-html/53-ogg-video-firefox-x
muss noch gucken wie ich das hin bekomme, aber danke

Anonym2013-02-01T12:33:54Z

Beste Antwort

wenn die Sache auf deinem Rechner schon läuft, liegt das in der Regel daran, dass der Server die entsprechenden Dateien nicht heraus rückt. Hierzu müssen in die Server-Konfigurationsdatei .htaccess noch die entsprechenden MIME- Typen eingetragen werden. (Ich gehe einmal davon aus, dass auf dem Webserver Serversoftware Apache läuft.)

Lade dir also mit deinem FTP-Programm die Datei .htaccess auf deinen Rechner herunter und ��ffne sie am besten mit Notepad++ (zur Not kannst du auch den Windows Editor verwenden, achte aber darauf dass dieser in der Regel eine Dateierweiterung .txt an den Dateinamen anhängt. Du solltest auf alle Fälle auf deinem Rechner das unterdrücken der Dateierweiterung bei bekannten Dateitypen abstellen, das geht so: starte den Windows Explorer, drückte kurz die Alt-taste und wähle im Menü unter Extras die Ordneroptionen. Dort gehe auf den Tab Ansicht, und suche in der Liste den Eintrag: Erweiterungen von bekannten Dateitypen ausblenden. Entferne dort das Häkchen.

Aber zurück zur Datei .htaccess:
füge in diese Datei folgende Einträge hinzu:

AddType video/mp4 .mp4 .m4v
AddType video/ogg .ogv
AddType video/webm .webm

dann speichere diese Datei, und achte darauf das der Dateiname auch wirklich
.htaccess ist, also ohne Dateierweiterung und mit einem Punkt am Anfang.
Dann übertrage diese geänderte Datei wieder auf den Webserver. Danach müsste es eigentlich klappen

in gleicher Art musst du auch Verfahren wenn du zum Beispiel Audiodateien über HTML 5 in deine Webseite mit Einbaust, dann steht in diesen Einträgen an der Stelle, oben video/ steht dann entsprechend audio/ gefolgt von dem jeweiligen Dateityp

also zum Beispiel

AddType audio/mp3 .mp3
AddType audio/ogg .ogg

Anonym2013-02-01T18:35:54Z

Teste obs ohne background (wird der angezeigt?), ?flowplayer? funktioniert, also nur:

<!DOCTYPE html>
<html>
<body>
<video id="video" width="640" height="360" controls="controls" autoplay loop>
<source id="videoMp4" src="video_mp4.mp4" type="video/mp4"></source>
<source id="videoWebm" src="video_webm.webm" type="video/webm"></source>
<source id="videoOgg" src="video_ogg.ogv" type="video/ogg"></source>
<div id="fallback" style="width:640px; height:360px;"></div>
</video>
</body>
</html>
<!-- spaceId: 2114718203 -->


Wenn nichts funktioniert, lade dein Video bei Youtube hoch und binde es mit dem Code von Youtube ein. (Youtubevideos funktionieren in den Browsern?)

Anonym2013-02-01T17:52:11Z

Wenn ich das richtig sehe, fehlen dir offenbar die nötigen Codecs.
Kann aber auch sein, daß der Flash-Player nicht richtig installiert ist.