Einfügen von Video in Webseite

    • Neu

    Dürfte eigentlich kein Problem sein. es gibt so viele Scripte und Schnipsel aber ich kriege es nicht hin.

    Habe so gut wie keine Ahnung von HTML, deshalb benutze ich RocketCake.

    Hier geht das Einfügen von Videos allerdings nur über YouTube und andere. Das will ich nicht.

    Habe meine Webseite auch mit Xampp auf dem PC und probiere da.

    Mein Problem: Auch das einfachste Script - <video controls autoplay>
    <source src="pfad_zu_deinem_video.mp4" type="video/mp4">
    </video>
    funktioniert nicht.

    Also Seitenquelltext kopiert und mit Notepad++ die von RocketCake erstelltre Datei geändert.

    Ich habe das Video in mp4 im gleichen Ordner wie die HTML Datei wo das Video erscheinen soll im Script auch nur "Beispiel.mp4" als Pfad

    Erhalte immer nur "Kein Video mit unterstütztem Format und MIME-Typ gefunden "

    Kann mir jemand helfen ?

    • Neu

    Das HTML dort ist fehlerhaft:

    Code
    <video  id="video_78bff89b" src=""<video controls autoplay>
     <source src="fulpmes1.mp4" type="video/mp4">
</video> controls="controls" >
Your browser does not support the video element.
</video>

    Korrigiere ich das im Seiteninspektor wird das Video zwar abgespielt aber ohne Inhalt. Offenbar stimmt etwas mit der Codierung nicht.

    Wenn ich es mit ffmpeg nach MP4 und H.264 umkodiere, spielt mein Browser (Firefox) es einwandfrei ab. Du musst das selbe tun, entweder in deinem Videoprogramm mit dem Codec H.264 exportieren oder mit ffmpeg umkodieren:

    Code
    ffmpeg -i fulpmes1.mp4 -vcodec libx264 -acodec aac fulpmes1-h264.mp4

    Viel Erfolg und einen schönen Abend!

    • Neu

    Mit ffmpeg komme ich nicht klar und die Konvertierung auf div. Online-Seiten klappt nicht die laden zwar hoch, aber sie bringen kein Ergebnis. Eine Seite bringt mir nach der Konvertierung einen Ordner - fulpmes1.h264 - Nach öffnen unten stehendes Bild womit ich auch nichts anzufangen weiß, kann ich dir nicht schicken, Inhalt zu groß. Ich glaube ich lasse das und bleibe bei der Slide-Show die das Programm anbietet, wenn mir auch einiges daran nicht gefällt.

    Vielen Dank für deine Mühe, ich habe da sicher zu wenig Kenntnisse um damit fertig zu werden

    • Neu

    Das ist sehr schade, Aufgeben ist immer schlecht.

    Für das Präsentieren von Einzelfotos ist eigentlich auch eine Slideshow eine gute Wahl. Ich habe mal einen Blick darauf geworfen. Wahrscheinlich wird sie von RocketCake bereit gestellt. Leider hat sie einige Mängel:

    • Das Sliden ist mit Javascript realisiert und funktioniert deshalb etwas hakelig. Heute hat man die Möglichkeit, es mit CSS-Animationen zu machen, dann würde es viel geschmeidiger laufen.
    • Keine Möglichkeit zu pausieren, das ist wenig benutzerfreundlich wenn man sich ein Foto nicht in Ruhe ansehen kann.
    • Die Bilder füllen den Rahmen nicht aus.

    Der Vorwurf geht natürlich nicht an dich sondern die Entwickler von RocketCake. Anscheinend haben sie versäumt, den Editor auf dem letzten Stand der Technik zu halten.

    Generell braucht es ein wenig Beharrlichkeit beim Entwickeln. Wenn man bei der ersten Schwierigkeit aufgibt, kommt man nicht weit.

    • Neu

    Du hast Recht, wer aufgibt hat schon verloren. Also weiter ! Die Punkte die du bei der Slideshow anführst sind die, welche mich auch stören.

    Habe nochmal ffmpeg versucht, du hattest mir ja einen Code geschickt. nun bin ich in der Eingabeaufforderung auch bis zum Ausführen von ffmpeg.exe gekommen. Wo muss der Code nun hin ?

    • Neu

    Super, dass Du doch weitermachen willst!

    Wenn Du die Eingabeaufforderung hast und ffmpeg.exe, hast Du schon gute Voraussetzungen.

    Du musst das fragliche Video fulpmes1.mp4 in das selbe Verzeichnis wie ffmpeg.exe legen und dann den Code bzw. Befehl, den ich oben gepostet habe, in der Eingabeaufforderung eingeben oder hin kopieren und ausführen.

    Dann findest Du das konvertierte als fulpmes1-h264.mp4 im selben Verzeichnis und das sollte dann jeder aktuelle Browser abspielen können.

    • Neu

    Guten Tag und einen schönen Sonntag

    Bin immer noch nicht weiter.

    In der Eingabeaufforderung bis ffmpeg.exe ok. Wenn ich hier Enter öffne erscheint innerhalb der erscheinenden Einträge auch der Code aber ich komme nicht dahin zu vervollständigen. Mit Enter bin ich wieder auf C:/. Wo und wie nun den Code da einfügen ?. Ich verstehe nicht, dass wenn ich den Quelltext mit notepad++ bearbeite und das normale skript mit mp4 und auch mit webm einfüge nicht funktioniert. Ich arbeite mit mit dem neusten Firefox als Standard und auch mit Chrome Wenn mein Sohn das für mich gemacht hat, hat es immer geklappt aber den kann ich ja nicht mehr fragen.

    • Neu

    Guten Tag und schönen Sonntag zurück!

    Zitat

    ich komme nicht dahin zu vervollständigen.

    Markiere den Code bzw. Text mit ffmpeg aus meiner ersten Antwort vollständig (Strg+C), dann mach die Eingabezeile in der Eingabeaufforderung leer mit "Backspace" und füge den Text ein (Strg+V). Dann mit "Enter" abschicken. ffmpeg sollte ein wenig arbeiten und Ausgaben bringen und dann müsste die konvertierte Datei fertig sein.

    Viel Erfolg und beste Grüße!

    • Neu

    Hast du die MP4-Datei tatsächlich im Root-Verzeichnis der C-Partition? Kann ich mir nicht vorstellen.


    Code
    ffmpeg -i pad/zur/input_datei/fulpmes1.mp4 -vcodec libx264 -acodec aac pfad/zur/output_datei/fulpmes1-h264.mp4
    • Neu

    Das Programm habe ich in c: \ ProgramFiles\ffmpeg installiert. Die mp4 Datei ist in diesm Verzeichnis und wie du mir geschrieben hattest im Unterverzeichnis "bin" wo auch ffmpeg.exe ist.

    Wie du auf dem Bild sehen kannst habe ich in der Eingabeaufforderung erst den Pfad bis zur .exe und dann mit Leerzeichen deinen Link. Klappt nicht.

    Bei leerer EA nur deinen Link lappt auch nicht.

    Die .exe und die mp4 ins Hauptverzeichnis klappt auch nicht.

    Ich glaube ich gebe auf. Mit der Slideshow ging ja, nur würde ich die Texte so lange stehen lassen dass man sie auch lesen kann , weil dann die Bilder zu lange stehen. Mit der Bildergalerie von Rocketcake muss man mit Maus weiterklicken was ja nicht so konfortabel ist. Nur deshalb wollte ich das mit mp4 machen. Da habe ich ein Programm mit dem ich die Stehzeit eines jeden Bildes und auch Übergänge einstellen kann

    • Neu

    Du bist kurz davor.

    Woran es scheitert:

    • In dem Befehl ist ein "ffmpeg" zu viel:
      ffmpeg.exe ffmpeg -i fulpmes1.mp4 -vcodec libx264 -acodec aac fulpmes1-h264.mp4
      Das Durchgestrichene muss raus.
    • In deiner Eingabeaufforderung befandest Du dich im Wurzelverzeichnis auf C:. Deshalb wird die Videodatei fulpmes1.mp4 nicht gefunden. Du musst mit cd in das Verzeichnis /ffmpeg/bin hinein gehen:

    Der dir-Befehl zeigt die die Dateien an, die im aktuellen Verzeichnis liegen.

    So getestet und funktioniert.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden