¿Cómo llamar a una función en el video final? (HTML5 y mediaelementjs)

estoy usando mediaelementjs para la reproducción de vídeo en mi sitio web, pero necesito llamar a alguna función¿Cómo llamar a una función en el video final? (HTML5 y mediaelementjs)

al FINAL/pausa de video.So por favor dígame cómo un puedo hacer esto?

Gracias de antemano

Fuente

2011-08-01 Peeyush

Hay eventos expuestos en el a pi que mencionaste para unir tu función a estos eventos, cómo lograr esto, hay un ejemplo en la parte inferior del enlace que proporcionaste. –

Se necesitan crear un nuevo EventListener para los ended y pause eventos.

Ejemplo:

YourMediaElement.addEventListener('ended', function(){ 
    //Your Code goes here 
});

Actualización: Este método debe ser aplicado en el controlador de éxito de la creación del elemento, como se muestra en el ejemplo en la parte inferior de la página en MediaElementJS.com

success: function (YourMediaElement, domObject) { 

    // add event listener 
    YourMediaElement.addEventListener('ended', function(e) { 

      //Do Stuff here 

    }, false);

Fuente

2011-08-01 10:12:26 Semyazas

gracias var player = new MediaElementPlayer ('# player2'); player.addEventListener ('ended', function() { alert ("hi"); }); me da error player.addEventListener no es una función – Peeyush

He actualizado mi respuesta – Semyazas

muchas gracias, funciona :-) – Peeyush

Puede ser que sea útil para alguien ...

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <meta http-equiv="X-UA-Compatible" content="IE=9"> 
    <meta http-equiv="cache-control" content="max-age=0" /> 
    <meta http-equiv="cache-control" content="no-cache" /> 
    <meta http-equiv="expires" content="0" /> 
    <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" /> 
    <meta http-equiv="pragma" content="no-cache" /> 
    <title>Media Website</title> 
    <script type="text/javascript" src="build/jquery.js"></script> 
    <script type="text/javascript" src="build/mediaelement-and-player.min.js"></script> 
    <link href="build/mediaelementplayer.min.css" rel="Stylesheet" /> 
    <link href="build/mejs-skins.css" rel="Stylesheet" /> 
    <style type="text/css"> 
     html, body 
     { 
      overflow: hidden; 
     } 
     * 
     { 
      margin: 0px; 
      padding: 0px; 
     } 
    </style> 
    <script type="text/javascript"> 



     $(document).ready(function() { 

      var height = getURLParameters('height'); 
      $("#player1").css("height", height + "px"); 

      var width = getURLParameters('width'); 
      $("#player1").css("width", width + "px"); 


     }); 

     function getURLParameters(paramName) { 
      var sURL = window.document.URL.toString(); 
      if (sURL.indexOf("?") > 0) { 
       var arrParams = sURL.split("?"); 
       var arrURLParams = arrParams[1].split("&"); 
       var arrParamNames = new Array(arrURLParams.length); 
       var arrParamValues = new Array(arrURLParams.length); 
       var i = 0; 
       for (i = 0; i < arrURLParams.length; i++) { 
        var sParam = arrURLParams[i].split("="); 
        arrParamNames[i] = sParam[0]; 
        if (sParam[1] != "") 
         arrParamValues[i] = unescape(sParam[1]); 
        else 
         arrParamValues[i] = "No Value"; 
       } 

       for (i = 0; i < arrURLParams.length; i++) { 
        if (arrParamNames[i] == paramName) { 
         //alert("Param:"+arrParamValues[i]); 
         return arrParamValues[i]; 
        } 
       } 
       return "No Parameters Found"; 
      } 

     } 

     function ChangeSize(h, w) { 
      $("#player1").css("height", h + "px"); 
      $("#player1").css("width", w + "px"); 
     } 

     var videoLink; 
     var videoLinkType; 
     var posterLink; 

     function SetPosterLink(p) { 
      posterLink = p; 
      $("#player1").attr("poster", posterLink); 
     } 

     function SetVideoLink(l, t) {   

      videoLink = l; 
      videoLinkType = t; 

      $("#player1").attr("src", videoLink); 
      $("#player1").attr("type", videoLinkType); 

     } 

     var player; 
     function CreatePlayer() { 
      player = MediaElement('player1', 
      { 
       success: function (me) { 
        // me.play(); 
        me.addEventListener('ended', function (e) { 
         //Do Stuff here 
         alert('ended'); 
        }, false); 
       } 
      }); 
     } 

     function Play() {   
      player.play(); 
     } 

     function Pause() { 
      player.pause();     
     } 

     function Stop() { 
      player.pause();     
     } 

    </script> 
</head> 
<body style="overflow: hidden; margin: 0 !important; padding: 0 !important;"> 


    <video controls="none" preload="none" width="0" height="0" style="margin: 0 !important; 
     padding: 0 !important; overflow: hidden;" id="player1" name="mplayer1" src="" 
     type="" poster=""> 
    </video> 

</body> 
</html>

Fuente

2013-02-01 18:36:58

¿Cómo llamar a una función en el video final? (HTML5 y mediaelementjs)

Respuesta

Cuestiones relacionadas