kostenloser Webspace werbefrei: lima-city


HTML-Befehl für ein Video

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    cookie-films

    cookie-films hat kostenlosen Webspace.

    Hallo zusammen,


    ich tag/suche">suche schon seit langem einen gescheiten html befehl, womit ich ein Video einbinden kann.


    Vielen Dank im Vorraus
    Gruß
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. hackyourlife

    Moderator Kostenloser Webspace von hackyourlife

    hackyourlife hat kostenlosen Webspace.

    HTML5?

    Video-Tag
    Dort gibts auch ein Beispiel...
  4. 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&amp;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&amp;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
  5. m******e

    cookie-films schrieb:
    ich suche schon seit langem einen gescheiten html befehl, womit ich ein Video einbinden kann.

    Vielen Dank im Vorraus
    ^^ Bedankt man sich im voraus? :wink:

    hackyourlife tat das bislang vernünftigste: Er fragte nach!
    hackyourlife schrieb:
    HTML5?
    Worum gehts eigentlich genau?
    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.
  6. Autor dieses Themas

    cookie-films

    cookie-films hat kostenlosen Webspace.

    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
  7. m******e

    cookie-films schrieb:
    Ich suche einen Befahl, womit ich ein Video vom PC bzw. ein Video auf einem Webserver einbetten kann.
    Video vom PC einbetten?
    - 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 :confused:

    Etwas detailiertere Angaben wären schon cool..

    Beitrag zuletzt geändert: 6.6.2012 15:27:14 von menschle
  8. elektro-und-dauermagnete

    elektro-und-dauermagnete hat kostenlosen Webspace.

    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
  9. hackyourlife

    Moderator Kostenloser Webspace von hackyourlife

    hackyourlife hat kostenlosen Webspace.

    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.
  10. 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&uuml;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
  11. 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.
  12. afc11-fanpage

    afc11-fanpage hat kostenlosen Webspace.

    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?
  13. h******g

    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.
  14. 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
  15. 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
  16. hackyourlife

    Moderator Kostenloser Webspace von hackyourlife

    hackyourlife hat kostenlosen Webspace.

    boing schrieb:
    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....
    Schau doch mal dort nach wo dein Video laut deinem Pfad liegen würde: http://boing.lima-city.de/igor/videos/ ... gähnende Leere...

    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.
  17. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!