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

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.