Yahoo Clever wird am 4. Mai 2021 (Eastern Time, Zeitzone US-Ostküste) eingestellt. Ab dem 20. April 2021 (Eastern Time) ist die Website von Yahoo Clever nur noch im reinen Lesemodus verfügbar. Andere Yahoo Produkte oder Dienste oder Ihr Yahoo Account sind von diesen Änderungen nicht betroffen. Auf dieser Hilfeseite finden Sie weitere Informationen zur Einstellung von Yahoo Clever und dazu, wie Sie Ihre Daten herunterladen.

Jörg
Jörg fragte in Computer & InternetSonstiges - Computer · vor 8 Jahren

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

Update:

Vielen dank für eurere Hilfe

Update 2:

<!DOCTYPE html>

steht ganz oben ;-)

Update 3:

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

Update 4:

@Brasil

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

Update 5:

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

Update 6:

?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 :-(

Update 7:

@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

Update 8:

@front-pet

vielen dank für deinen tip , habe nun diese seite gefunden

http://www.frankenware.de/webintegration/38-html/5...

muss noch gucken wie ich das hin bekomme, aber danke

3 Antworten

Bewertung
  • Anonym
    vor 8 Jahren
    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

  • Anonym
    vor 8 Jahren

    Wenn ich das richtig sehe, fehlen dir offenbar die nötigen Codecs.

    Kann aber auch sein, daß der Flash-Player nicht richtig installiert ist.

  • Anonym
    vor 8 Jahren

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

Haben Sie noch Fragen? Jetzt beantworten lassen.