Leider bietet We Acappella nicht die Möglichkeit, HTML5 Videos in die Seite einzubinden. Zwar kann ich über das Menü -Youtube oder flv-Videos auf einer Seite integrieren, nur ist das in meinen Augen nicht wirklich Up to date. Über den HTML-Baustein ist es jedoch kein Problem, Videos via Video-Tag HMTL5 konform einzubinden.
Hier eine kurze Anleitung und die Voraussetzungen um Videos in der Seite zu integrieren.
Vorbereitungen Als erstes sollte man wissen, zwar ist mit dem neuen HTML5 Video-Tag ein neuer Standard geschaffen worden, den jeder moderne Browser unterstützt, jedoch unterstützt nicht jeder Browser jedes Video-Format. Zwei Formate sind wichtig, damit das Video in den gängigen Browsern dargestellt wird.
MP4 - Videos im H.264-Format wird unterstützt von Safari, Google Chrome, iOS Geräten, Android Geräten und Internet Explorer (ab Vers. 9).
OGG - Videos im Ogg Theora Format wird unterstützt von Firefox, Opera und Google Chrome.
Die eigenen Videos müssen im Vorfeld in die oben genannten Formate umgewandelt und auf dem eigenen Server abgelegt werden. Mit dem kostenlosen Videokonverter „Adapter“, können die Filme vorbereitet werden.
Codeeinbindung Dieser Code kann kopiert und im HTML-Baustein eingesetzt werden:
1 2 3 4 5
<video width="480" height="320" controls="controls" poster="http://www.schoenwandt.info/html5/poster.jpg"> <source src="http://www.schoenwandt.info/html5/schnee480x320.mp4" type="video/mp4" /> <source src="http://www.schoenwandt.info/html5/schnee480x320.ogv" type="video/ogg" /> Ihr Browser unterstützt leider nicht die neuen HTML5 Standards. Bitte verwenden Sie einen HTML5 fähigen Browser um die Seite richtig betrachten zu können! </video>
Zu Testzwecken kann der Code benutzt werden, sollte jedoch an die eigenen Gegebenheiten angepasst werden. Nachfolgend erkläre ich noch die einzelnen Parameter, damit jeder das Verhalten und Erscheinungsbild selber bestimmen kann.
<source src="movie.mp4" type="video/mp4" /> - Link und Typ zur Videodatei auf dem Server <source src="movie.ogv" type="video/ogg" /> - Link und Typ zur Videodatei auf dem Server
Hinweis: Wird ein Format vom Browser nicht unterstützt, so wird die Codezeile ignoriert und der Besucher bekommt dieses nicht mit. Der Hinweistext „Ihr Browser unterstützt....“ wird nur angezeigt, wenn der Browser überhaupt kein Format unterstützt oder den Video-Tag nicht kennt.
width=“480“ - Breite des Videos in Pixel. height="320" - Höhe des Videos in Pixel.
Hinweis: Die Größenangaben müssen für den HTML-Baustein in Web Acappella ebenfalls eingestellt werden, damit das Video richtig dargestellt wird.
controls="controls" - Die Video-Steuerelemente werden angezeigt.
autoplay=“autoplay“ - Gibt an, ob das Video automatisch startet oder nicht.
loop=“loop“ - Definiert, ob das Video in einer Endlosschleife läuft.
preload=“auto“, preload=“none“ - Gibt an, ob der Film beim Laden der Seite in den Buffer geladen wird oder erst wenn der Film gestartet wird.
Hinweis: Nicht jeder Parameter wird von jedem Browser unterstützt, also nicht wundern, wenn nicht alles so funktioniert wie gedacht! Die meisten Funktionen aktiviert man durch die Integration oder Weglassen im Code. Der Parameter „preload“ ist standardmäßig auf „auto“ gesetzt, also Vorladen des Videos. Möchte man dieses unterdrücken, verwendet man den Parameter im Code und setzt diesen auf „none“. Gerade bei Hostern mit Beschränkungen beim Volumen des Datentransfers, kann dieses sinnvoll sein.
Nein, wenn du Funktionen nicht möchtest, dann lässt du diese einfach im Code weg. Die einzige Funktion, die du durch den Parameter "none" ausstellen kannst ist die Funktion "preload". Hier gilt wie immer, probieren geht über studieren :D. Und wie schon geschrieben, nicht jeder Browser unterstützt jede Funktion.
hallo profi, sorry, ist jetzt ne blöde frage, aber kann ich auch videos einbinden oder auf die webseite stellen die ich auf meinem computer habe? oder muss ich die filme etwa mit einem ftp-server hochladen? wäre total froh über eine antwort lg
Zitat von domeisen im Beitrag #6hallo profi, sorry, ist jetzt ne blöde frage, aber kann ich auch videos einbinden oder auf die webseite stellen die ich auf meinem computer habe? oder muss ich die filme etwa mit einem ftp-server hochladen? wäre total froh über eine antwort lg
Ja und nein! Wenn dein Rechner permanent mit dem Internet verbunden ist und du auf deinem Rechner einen Webserver laufen hast, damit andere über das Internet auf deinen Rechner (Film) zugreifen können, dann kann der Film auf deinem Rechner verweilen. Wenn nicht, wie sollen die Leute denn sonnst Zugriffen auf die Datei haben? Scharf überlegen und dann denke ich, kannst du dir die Antwort selber geben.
Wenn dein Fernseher ausgeschaltet ist, dann empfängst du auch kein Programm, oder
sorry........meine frage war zuwenig präzise. meinte ob ich die filme in meine webacapellaseite auf dem computer einfügen kann (wie die fotos) und sie dann via 'webseite veröffentlichen' hochladen kann? oder ob ichs separat via ftp tun muss :0)
Leider bietet We Acappella nicht die Möglichkeit, HTML5 Videos in die Seite einzubinden. Zwar kann ich über das Menü -Youtube oder flv-Videos auf einer Seite integrieren, nur ist das in meinen Augen nicht wirklich Up to date. Über den HTML-Baustein ist es jedoch kein Problem, Videos via Video-Tag HMTL5 konform einzubinden.
Bitte genau lesen!
Dieser Tipp ist nur entstanden, da Web Acappella zur Zeit nicht die Möglichkeit bietet!
Super Anleitund Didi, bin gerade am verzweifeln da es bei mir nicht hin hauen will. Habe mein Video mit Adapter in eine .mp4 gewandelt und auch richtig im Code verlink, doch leider erhalte ich auf der Seite die Fehlermeldung im Videofenster: Kein VIdeo mit unterstützem Format und MIME-Typ gefunden.
Sag mal was ist: <source src="http://www.schoenwandt.info/html5/schnee480x320.ogv" type="video/ogg ? das ist aus deinen Beschreibung und so eine Datei spuckt Adapter leider nicht aus, auch das komplette löschen der verlinkung auf die .ogv Datei hilft nicht
OGG kenne ich als Audio und genau das lässt Adapter auch zu, allerdings auch nur als Audio Only. Ich benutze die Windows Version und hier gibt es keine möglichkeit OGV zu konvertieren. Siehe Bild
Barneyrumble
hat folgende Bilder an diesen Beitrag angehängt
Aufgrund eingeschränkter Benutzerrechte werden nur die Namen der Dateianhänge angezeigt Jetzt anmelden!
Unbenannt.JPG
Vielen Dank Didi für das script, auf dem iMac läuft es gut, auf dem iPad wird das Video nicht geladen. Was könnte das sein? Unter www.silvanum.de/QRC habe ich meinen Versuch online gestellt.
Jo, oh-oh, wenn das der Didi liesst ;-)))) Also besser erklären als oben ist schon mehr Arbeit als das Einstellen der Video Parameter. Tip: schreib den Didi mal über PN an und frage mal ob er das machen will.
Ich habe noch nie einen Menschen getroffen, der wirklich einen Dübel haben wollte. In Wirklichkeit wollen die nur ein Bild aufhängen.
ZitatSorry - hab' mit Computer und webpages sonst nichts zu tun....
Jupp und Didi hat sicher nichts anders zu tun
Meine ich ja nicht böse, aber bei so einem Service würde ich dann an Didis Stelle einen BEZAHLSERVICE einrichten, es handelt sich schließlich um eine Dienstleistung.
Didi schreibt wirklich schon viele Anleitungen und macht es möglich, das Funktionen die eigentlich nicht vorgesehen sind, dann machbar sind. Er gibt Tipps und hilft ... aber irgendwie ist irgendwann auch mal Schluss oder.
Sich weder mit Computer noch mit Web Acappella auskennen, aber um Hilfe bitten. Ich vermute mal: Wenn Didi eine Anleitung für "Doofe" schreiben würde, würdest Du die nicht verstehen weil Dir die Grundlagen fehlen.
Also hier im Forum lesen, mit Web Acappella üben, üben, üben und Begriffe und Funktionen wie, Homepage, Provider, FTP etc. studieren.
In den FAQ und unter TIPPS & TRICKS ist noch viel Platz.
Dank der grandiosen Anleitung von Didi habe ich es auf meiner Seite geschafft ein HTML5 video mit Videoweiche einzubauen. Danke nochmals nachträglich, falls nicht schon geschehen. Das Ergebnis ist hier: www.sevendeadlyfinns.com Funktioniert blendend mit Safari und Firefox.
Jetzt das Problem. Den ganzen Zinnober habe ich 1:1 hier nachgebaut (zumindest bilde ich mir das ein): www.kerstinbecke.de
Im Firefox funktioniert das aber nicht. Was zum Teufel habe ich denn da schon wieder verbockt.
Zitat von Fred G Eger im Beitrag #21Dank der grandiosen Anleitung von Didi habe ich es auf meiner Seite geschafft ein HTML5 video mit Videoweiche einzubauen. Danke nochmals nachträglich, falls nicht schon geschehen. Das Ergebnis ist hier: www.sevendeadlyfinns.com Funktioniert blendend mit Safari und Firefox.
Jetzt das Problem. Den ganzen Zinnober habe ich 1:1 hier nachgebaut (zumindest bilde ich mir das ein): www.kerstinbecke.de
Im Firefox funktioniert das aber nicht. Was zum Teufel habe ich denn da schon wieder verbockt.
Hallo Fred,
jetzt willst du Papa aber testen was ?
In der Videoseite fehlt die Scriptabfrage welcher Browser verwendet wird, also lädt er nicht die andere Seite mit der ogv Datei .
Also wenn jetzt nicht mal ne Einladung zu den Internationalen Filmfestspielen fällig ist .
Web Acappella - Forum, Tips und Tricks zum Bauen von Webseiten
»
Web Acappella
»
TIPPS UND TRICKS - Anleitungen zu Erweiterungen der Programmfunktionen
»
Tipps und Tricks für Version 4
»
HMTL5 VIDEOS IN WEB ACAPPELLA EINBINDEN!
17.07.2012 17:16 (zuletzt bearbeitet: 08.12.2012 10:03)
Thema drucken
Antworten
