वीडियो अंत पर फ़ंक्शन कैसे कॉल करें? (एचटीएमएल 5 और mediaelementjs)

मैं अपनी वेबसाइट पर वीडियो खेलने के लिए mediaelementjs उपयोग कर रहा हूँ, लेकिन मैं video.So के अंत/रोकें पर कुछवीडियो अंत पर फ़ंक्शन कैसे कॉल करें? (एचटीएमएल 5 और mediaelementjs)

समारोह कॉल करने के लिए कृपया मुझे बताओ कैसे एक मैं यह नहीं की जरूरत है?

अग्रिम धन्यवाद

स्रोत

2011-08-01 Peeyush

ऐसी घटनाएं सामने आईं आपने उल्लेख किया है कि आपने इन घटनाओं के लिए अपने फ़ंक्शन को बाध्य किया है, इसे कैसे प्राप्त किया जाए, आपके द्वारा प्रदान किए गए लिंक के बहुत नीचे एक उदाहरण है। –

में आप ended और pause घटनाओं के लिए एक नया EventListener बनाना होगा।

उदाहरण:

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

अद्यतन: के रूप में MediaElementJS.com

success: function (YourMediaElement, domObject) { 

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

      //Do Stuff here 

    }, false);

स्रोत

2011-08-01 10:12:26 Semyazas

धन्यवाद var player = new MediaElementPlayer ('# player2'); player.addEventListener ('समाप्त', फ़ंक्शन() { अलर्ट ("हाय"); }); यह मुझे त्रुटि प्लेयर देता है .addEventListener एक फ़ंक्शन नहीं है – Peeyush

मैंने अपना उत्तर अपडेट किया – Semyazas

आपको बहुत धन्यवाद, यह काम करता है :-) – Peeyush

में पृष्ठ के तल पर उदाहरण में दिखाया गया है इस विधि तत्व बनाने की सफलता हैंडलर पर लागू किया जाना चाहिए हो सकता है कि यह किसी के लिए उपयोगी हो ...

<!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>

स्रोत

2013-02-01 18:36:58

वीडियो अंत पर फ़ंक्शन कैसे कॉल करें? (एचटीएमएल 5 और mediaelementjs)

उत्तर

संबंधित मुद्दे