[HTML5] Video in die Website einbinden

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

  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. 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.
     
  3. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.