HTML-Befehl für ein Video
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
ablegen
befehl
beispiel
code
datei
einbinden
fehlermeldung
film
format
frage
http
mime
pfad
problem
server
suche
tag
url
verwenden
video
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hi cookie-films
Bei Youtube kannst du einfach folgendes verwenden:
<iframe width="560" height="315" src="http://www.youtube.com/embed/GBXeyo7DO58" frameborder="0" allowfullscreen></iframe>
<object width="560" height="315"> <param name="movie" value="http://www.youtube.com/v/GBXeyo7DO58?version=3&hl=de_DE"></param> <param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param> <embed src="http://www.youtube.com/v/GBXeyo7DO58?version=3&hl=de_DE" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed> </object>
Die meisten Anbieter stellen jedoch ihr eigenen Einbettungscodes zu Verfügung, dann solltest du diese benutzen.
Beides sieht dann nachher wie folgt aus:
MfG raphael811 -
cookie-films schrieb:
^^ Bedankt man sich im voraus?
ich suche schon seit langem einen gescheiten html befehl, womit ich ein Video einbinden kann.
Vielen Dank im Vorraus
hackyourlife tat das bislang vernünftigste: Er fragte nach!
hackyourlife schrieb:
Worum gehts eigentlich genau?
HTML5?
Nur um Youtube-Videos?
Oder auch um Vimeo zB?
Oder Videos auf eigenem Webspace mit Html5?
Eine etwas besser beschriebene Frage könnte auch differenziertere Antworten geben. -
Hallo, und danke für die vielen Vorschläge. Ich suche einen Befahl, womit ich ein Video vom PC bzw. ein Video auf einem Webserver einbetten kann. Dank
Beitrag zuletzt geändert: 6.6.2012 15:06:58 von cookie-films -
cookie-films schrieb:
Video vom PC einbetten?
Ich suche einen Befahl, womit ich ein Video vom PC bzw. ein Video auf einem Webserver einbetten kann.
- Nur für Dich privat? Also lokal?
- Entweder, und/oder?
- Oder ist ein privater Webserver vorhanden, der über alias.dns online erreichbar ist?
- Oder doch von einem öffentlichen Webserver?
- Und welche(s) Format(e)?
Fragen über Fragen
Etwas detailiertere Angaben wären schon cool..
Beitrag zuletzt geändert: 6.6.2012 15:27:14 von menschle -
Hallo, noch einmal im Klartext.
Ich suche einen Befehl mit dem ich ein Video, dass ich von meinem PC auf einen Webserver (wie z.B. Lima-City) hochgeladen habe in eine öffentliche Webseite einbetten kann.
Vielen Dank -
Entweder du verwendest HTML5 und das Video-Tag, oder du nimmst einen Video-Player mit Flash den du in deine Seite einbettest und der dir dein Video abspielt.
Wie das mit HTML5 funktioniert steht bereits in meinem letzten Beitrag. -
Ich nehme an,
du willst eine .mp4 Datei (in meinem Beispiel video.mp4 genannt), die auf deinem Webspace liegt inerhalb einer HTML-Datei abspielen, dann könntest du den "flowplayer" verwenden.
Also, als erstes musst du ihn herunterladen und irgendwo auf deinem Webspace ablegen. (in meinem Bsp. im Ordner "flowplayer")
Dann kannst du dein Video einbinden:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <!-- Hier auch noch etwas Script, das der Player benötigt... --> <script type="text/javascript" src="flowplayer/flowplayer-3.2.10.min.js"></script> <title>Turmfalkenvideo</title> </head> <body> <br> <div align="center"> <h1> Turmfalkenfütterung </h1> <!-- und so bindest du den Flowplayer ein. Der Link (beginnend mit <a ...) dient dazu, dass das viedo nicht einfach beim aufrufen der Seite lospielt, sondern ein Vorschaublid gezeigt wird. href=" ... " ist der Ort an dem dein video liegt. Style kannst du ignorieren, mit width wird die Breite und mit height die Hoehe festgelegt. Mit <img ... /> wird das Vorschaubild eingebunden. (reintheoretisch könntest du auch nur einen Text verwenden) Das Javascript bindet dann den Player noch ein. wichtig ist, dass der Pfad flowplayer/flowplayer-3.2.11.swf stimmt. --> <a href="http://jo-tittmann.square7.ch/Turmfalken/video.mp4" style="display:block;width:900px;height:506px" id="player"> <img src="media/video1.jpg" alt="Zum abspielen des Videos hier klicken" /> </a> <script> flowplayer("player", "flowplayer/flowplayer-3.2.11.swf"); </script> </div> </body> </html>
Und so sieht das ganze dann aus:
http://hirschlive.lima-city.de/Turmfalkenvideo.html
Hier kannst du den flowplayer herunterladen: http://flowplayer.org/download/
Und hier gibts Hilfe zum flowplayer: http://flowplayer.org/documentation/
Ich wünsche dir viel Spass, und ich hoffe, dass ich dir weiterhelfen konnte.
//Edit bei lima-city musst du mit mp4 Dateien aufpassen und dir einen Downloadserver oder ähnliches besogen...
Beitrag zuletzt geändert: 23.6.2012 11:27:13 von hirschlive -
Generell funktioniert das Ganze, wie schon mehrfrach erwähnt, entweder mit HTML5 oder mit einem Flashplayer bspw:
http://flowplayer.org/
http://www.video-flash.de/flv-flash-fullscreen-video-player/
Aber das Einbinden von Videos vom eigenen Webspace würde ich nicht empfehlen, wegen dem entstehenden Traffic.
Ich würde da eher zu Vimeo greifen, dort schnell das Video hochladen und den embedded Code auf der eigenen Seite einbinden.
Ist schneller, einfach, ressourcenschonend und genauso gut. -
hallo, ich habe da ein Problem...
ich hab kürzlich ein neues youtube-video auf meine homepage gestellt, aber da hat das ding irgendeine fehlermeldung angezeigt... Warum? -
Video einbinden mit:
- embed-tag
- html5 und video-tag
- flash-plugin (gibt massenweise freie Player zum Download)
Wie sneppa schon angedeutet hat, ist es allerdings ungünstig, das Video vom eigenen Webspace zu streamen.
Die sinnvollste Variante ist sicher, das Video auf eine Plattform wie YouTube oder Vimeo hochzuladen, und das Video mit dem bereitgestellten Code in die Website einzubinden. Das spart Unmengen an Traffic und stellt eine hohe Verfügbarkeit sicher.
ich hab kürzlich ein neues youtube-video auf meine homepage gestellt, aber da hat das ding irgendeine fehlermeldung angezeigt... Warum?
Das steht in der Regel in der Fehlermeldung. -
OK.
das klappt hiermit:
<embed src="NamederDatei" width="Breite" height="Höhe"></embed>
Beitrag zuletzt geändert: 3.7.2012 19:11:22 von rokky -
hab Probleme mit html5 video... lokal und auf einem anderen webserver funzt es, aber auf lima-city heißt es: "kein video vom unterstützten format und mime typ gefunden". Also die Pfade stimmen....
Kann es sein, daß es am server liegt?MIME-Type für den Server
Serverseitig muss beim Progressive Download, also dem Abspielen von einem gewöhnlichen Webserver, nichts besonderes beachtet werden.
Bei Ogg-Dateien (.ogv) könnten eventuell noch serverseitige Probleme entstehen, wenn der MIME-Type für Ogg-Videos nicht gesetzt ist. Dies lässt sich jedoch beheben, wenn man eine htaccess-Datei mit dem Befehl AddType video/ogg .ogv angelegt. Hinweis: Nach dem Anlegen der htaccess-Datei zum Ausprobieren den Browser-Cache löschen!
boing.lima-city.de/igor (unter the master/his power)
oder hier direkt der code:
<video width="100%" controls poster="images/power_preview.jpg"> <source src="videos/bear.mp4" type="video/mp4" /> <source src="videos/bear.ogv" type="video/ogg" /> Your Browser sucks. </video>
Gruß,
B.
Beitrag zuletzt geändert: 14.7.2012 17:04:27 von boing -
boing schrieb:
Schau doch mal dort nach wo dein Video laut deinem Pfad liegen würde: http://boing.lima-city.de/igor/videos/ ... gähnende Leere...
hab Probleme mit html5 video... lokal und auf einem anderen webserver funzt es, aber auf lima-city heißt es: "kein video vom unterstützten format und mime typ gefunden". Also die Pfade stimmen....
Das ist auch gut so, denn du darfst gar keine Videos dort ablegen. Videos sind bei lima-city am Webspace verboten (nachzulesen in der Hilfe), du müsstest den Downloadserver verwenden. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage