[HTML5] Video in die Website einbinden

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Schreibfeder, 12. Juni 2014 .

  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 12. Juni 2014
    Hallo miteinander,

    ich bin gerade dabei mein Portfolio für das Praxissemester zu gestalten. Neben einem Printprodukt hätte ich auch gerne eine Website (Dreamweaver - HTML).
    Da ich ein Projekt habe, wo ich neben den Bildern auch ein Video einbinden möchte, frage ich euch ob ihr mir weiterhelfen könntet. Das wäre super!

    Mein derzeitiger Code für den Slider der Fotos ist dieser hier:


    <div id="page-content" class="full-width container">

    <div class="container">
    <div class="twelve columns">
    <div class="flexslider work-slider">
    <ul class="slides">
    <li>
    <img src="images/imgs/Projekt/1.jpg" />
    </li>
    <li>
    <img src="images/imgs/Projekt/2.jpg" />
    </li>
    <li>
    <img src="images/imgs/Projekt/3.jpg" />
    </li>
    <li>
    <img src="images/imgs/Projekt/4.jpg" />
    </li>
    <li>
    <img src="images/imgs/Projekt/5.jpg" />
    </ul>
    </div>
    </div>


    Dies funktioniert ohne Probleme und die Fotos werden angezeigt. Nun möchte ich in der Slideshow ein Video einfügen, welches ich bei "Flickr" hochgeladen habe.
    Ein Beispiel wie ich es versucht habe:


    <div class="container">
    <div class="twelve columns">
    <div class="flexslider work-slider">
    <ul class="slides">
    <li>
    <img src="images/imgs/Projekt/1.jpg" />
    </li>
    <li>
    <img src="images/imgs/Projekt/2.jpg" />
    </li>
    <li>
    <img src="images/imgs/Projekt/3.jpg" />
    </li>
    <li>
    <img src="images/imgs/Projekt/4.jpg" />
    </li>
    <li>
    <img src="images/imgs/Projekt/5.jpg" />
    </li>
    <li>
    <video>
    <source src="[flickr video=http://www.flickr.com/photos/chaddles/2402990826]"/>
    </video>
    </ul>
    </div>
    </div>


    Leider funktioniert dies nicht, es wird nicht einmal angezeigt.
    Hat jemand eine Lösung für mich wie ich den Link des Videos von Flickr in die Seite einbauen kann?

    Liebe Grüße
     
  2. Heute Deals & Sale mit stark reduzierten Preisen: Jetzt alle ⚡ Angebote finden.


  3. #2 14. Juni 2014
    AW: Video in die Website einbinden

    Ich verstehe nicht, wieso du so ein merkwürdiges Konstrukt mit eckigen Klammern als Source zum Video baust.

    Videos in HTML5 einbinden mit video

    Wird gar nichts angezeigt (Format und Lizenz beachten), könnte es übrigens auch am Werbeblocker liegen.
     

  4. Videos zum Thema
    Video Script
Die Seite wird geladen...

Ähnliche Themen mit den Stichworten: HTML5 Video Website

  1. [SUCHE] html5 video lightbox
    »The Gr4ndp4, 3. März 2016 , im Forum: Webentwicklung
    Antworten:
    2
    Aufrufe:
    819
  2. HTML5 Video Background Color
    »The Gr4ndp4, 2. März 2015 , im Forum: Webdesign
    Antworten:
    10
    Aufrufe:
    2.140
  3. html5 video listener onplay
    onip, 9. September 2013 , im Forum: Webentwicklung
    Antworten:
    4
    Aufrufe:
    1.204
  4. html5 video herunterladen
    Romulus, 5. Dezember 2012 , im Forum: Netzwerk, Telefon, Internet
    Antworten:
    2
    Aufrufe:
    954
  5. [JavaScript] HTML5 Video-Tag Vollbildmodus
    Redplanet, 10. Februar 2010 , im Forum: Webentwicklung
    Antworten:
    4
    Aufrufe:
    1.080
  • Annonce

  • Annonce