Jquery

Question

का उपयोग कर एचटीएमएल 5 वीडियो चलाएं/रोकें मैं jquery का उपयोग कर वीडियो चला/रोकना चाहता हूं।

(function ($) { 
    // plugin definition 
    $.fn.htmlvideo = function (options) { 
     // build main options before element iteration 
     var defaults = { 
      theme: 'normal', 
     }; 
     var options = $.extend(defaults, options); 
     // iterate and reformat each matched element 
     return this.each(function() { 
      var $htmlvideo = $(this); 

      addvideo(); 
      addcontrols(); 


      function addvideo() { 
       var addvideo = $('<video width="1000"><source src="http://devfiles.myopera.com/articles/2642/sintel-trailer.ogv" type="video/ogg; codecs="theora, vorbis""><source src="http://devfiles.myopera.com/articles/2642/sintel-trailer.mp4" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2""></video>'); 
       $(addvideo).appendTo('#video'); 
      } 

      function addcontrols() { 
       var controls = $('<div id="controls" class="controls"><button id="playbtn" class="playbtn"></button></div>'); 
       $(controls).appendTo('#controlspane'); 
      } 

      $('.playbtn').click(function() { 
       //Here I need to make the video play 
      }); 


     }); 
    }; 
})(jQuery); 

Answer 1

बटन आप जोड़ रहे हैं के रूप में वीडियो को नियंत्रित करने के ऐन आईडी जोड़ने

function addvideo() { 
      var addvideo = $('<video controls="controls" width="480" height="208" id="videoo"><source src="http://devfiles.myopera.com/articles/2642/sintel-trailer.ogv" type="video/ogg; codecs="theora, vorbis""><source src="http://devfiles.myopera.com/articles/2642/sintel-trailer.mp4" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2""></video>'); 
      $(addvideo).appendTo('body'); 


     } 

उपयोग प्रतिनिधि गतिशील

$(document).delegate('.playbtn',"click",function() {  
     $('#videoo')[0].play();   
}); 

$("#videoo")[0] वापस आ जाएगी है:

यहाँ मेरी कोड है आप DOM तत्व jQuery ऑब्जेक्ट नहीं है क्योंकि play विधि jquery मेथो नहीं है घ अपने डोम विधि

DEMO

Answer 2

आप कर सकते हैं:

$('video').trigger('play'); 
$('video').trigger('pause'); 

अधिक जानकारी के लिए: http://wonderdesigners.com/?p=219