html5 video listener onplay

Dieses Thema im Forum "Webentwicklung" wurde erstellt von onip, 9. September 2013 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 9. September 2013
    hi,

    ich hab in einem slider video elemente drin.
    der slider rotiert in einem interval.
    ich müßte nun mitbekommen ob ein video abgespielt wird um das interval zu stoppen.

    leider hab ich keine methode gefunden um abzufragen ob ein video abgespielt wird.
    so in etwas dachte ich sollte es gehen.
    HTML:
    $('.static_tabs_html video').each(function(i, el){
     //console.log($(el));
     $(el).onplay(function(){
     alert('play');
     });
    });
    
    gibt es einen listener für onplay ö.ä.?
     
  2. Heute Deals & Sale mit stark reduzierten Preisen: Jetzt alle ⚡ Angebote finden.


  3. #2 9. September 2013
    AW: html5 video listener onplay

    Code:
    $('.static_tabs_html video').each(function(i, el){
     if( !el.paused && !el.ended ) {
     alert( 'Play' );
     }
    });
     
  4. #3 9. September 2013
    Zuletzt bearbeitet: 9. September 2013
    AW: html5 video listener onplay

    Der Event nach dem du suchst nennt sich "playing":

    Code:
    $('.static_tabs_html video').each(function() {
     $(this).on('playing', function(event) {
     // do magic
     });
    });
    Media events - Web developer guide | MDN
     
  5. #4 9. September 2013
    AW: html5 video listener onplay

    danke euch beiden.
    damit läuft's wie gewollt:
    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html>
    <head>
    <title>Unbenannt</title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    </head>
    
    <body>
    
    <video width="320" height="240" controls>
     <source src="http://www.w3schools.com/html/movie.mp4" type="video/mp4">
     <source src="http://www.w3schools.com/html/movie.ogg" type="video/ogg">
    Your browser does not support the video tag.
    </video>
    
    <script>
    $('video').each(function(i, el){
     $(el).on('playing', function(event) {
     alert('playing');
     });
    });
    </script>
    
    </body>
    </html>
    
    nur in meinem aufbau will es noch nicht so recht und muss das mal durchgehen.

    // edit
    bw's zur zeit nicht möglich, wird nachgereicht.
     
  6. #5 9. September 2013
    AW: html5 video listener onplay

    Trau dich auch mal ohne Stützräder an JavaScript ran!
    Die APIs haben teilweise echt aufgeholt.

    Raidrush Minigolfturnier

    Ansonsten ~closed
     

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

Ähnliche Themen mit den Stichworten: html5 video listener

  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.138
  3. [HTML5] Video in die Website einbinden
    Schreibfeder, 12. Juni 2014 , im Forum: Webentwicklung
    Antworten:
    1
    Aufrufe:
    1.367
  4. html5 video herunterladen
    Romulus, 5. Dezember 2012 , im Forum: Netzwerk, Telefon, Internet
    Antworten:
    2
    Aufrufe:
    953
  5. [JavaScript] HTML5 Video-Tag Vollbildmodus
    Redplanet, 10. Februar 2010 , im Forum: Webentwicklung
    Antworten:
    4
    Aufrufe:
    1.079
  • Annonce

  • Annonce