Video einbinden und bei beenden ausblenden

    Hallo Forum,

    wie kann ich ein Video auf eine Seite einblenden, dass nach dem Abspielen einem Text weicht, wie man es nun auch öfters sieht?
    Hat wer einen Link zu einer Anleitung?

    Danke,
    chris

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Wie Du ein Video einbindest, sagt Dir Google. :)

    Hilfreich ist ein Blick in die media events: http://www.w3.org/html/wg/drafts…tml#mediaevents

    Der Eventname wäre dann 'ended'.

    Beispiel (ungetestet, keine Zeit für ein Fiddle):

    HTML

    Code
    <div id="video-container">
  <video id="videoid" width="640" height="480" controls loop="loop" autoplay="autoplay">
    <source src="foo.mp4" type="video/mp4"></source>
    <source src="foo.ogg" type="video/ogg"></source>
 </video>
</div>

    Script

    Code
    $(document).ready(function(){
    $("#videoid").bind('ended', function(){
        $("#video-container").empty();
        $("#video-container").html("<p>Sorry, das Video kann nur <strong>einmal</strong> abgespielt werden!</p>");
    });
});

    Optional (und vermutlich besser): statt .bind > .on

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden