2011-08-31 24 views
6

Gömülü videolar için oynatma sayılarını izlemenin bir yolu var mı? İdeal olarak yerleştirme/iframe kodunu başlatmak için bağlantılı bir küçük resme başvurmadan.Gömülü bir videonun tıklama etkinliğini nasıl izleyebilirim (youtube, vimeo, vb.)? (oynatma sayısını izlemek için)

Örnek (jsFiddle üzerine kendiniz deneyin):

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>Example</title> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script> 
</head> 
<body> 
    <div id="log"></div> 
    <ul> 
     <li class="video" id="video1"><iframe width="480" height="390" src="http://www.youtube.com/embed/z6lL83wl31E" frameborder="0" allowfullscreen></iframe><li> 
     <li class="video" id="video2"><iframe src="http://player.vimeo.com/video/28231570?title=0&amp;byline=0&amp;portrait=0" width="400" height="225" frameborder="0"></iframe></li> 
     <li class="video" id="video3"><embed flashVars="playerVars=autoPlay=no" src="http://www.metacafe.com/fplayer/3153323/the_three_stooges_minisode_beer_barrel_polecats_season_1_episode_0008.swf" width="440" height="248" wmode="transparent" allowFullScreen="true" allowScriptAccess="always" name="Metacafe_3153323" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed></li> 
    </ul> 
    <script> 
     /* Here's what I've tried so far: */ 
     $('.video').mouseover(function(){ 
      $('#log').html('Mouseover!'); 
      /*alert('Track mouseovers instead? Is this the best I can do?');*/ 
     }); 
     $('.video').mouseout(function(){ 
      $('#log').html('&nbsp;'); 
     }); 
     $('.video').mousedown(function(){ 
      $('#log').html('Mousedown!'); 
      alert('mousedown'); 
      /* This will track mousedown events in embed objects (not iframes), but not allow the click event to pass through to object. */ 
     }); 
    </script> 
</body> 
</html> 

nasıl bu videoların her oynatma sayılarını takip edebilirim?

cevap

7

Ryan, bunu yapmanın tek yolu, video paylaşım sitesinin player api (ler) ini kullanmaktır, çünkü html ve javascript'in bunun için yerel desteği yoktur.

youtube videolarını Bunu yapmak için, here

vimeo videolarını Bunu yapmak için belgeleri kontrol edebilir, dokümantasyon Bu Vimeo için çalışır here

4

kontrol edebilirsiniz ... Bir javascript tetikler "Oynat" olayında uyarı var ancak "bitmiş", "duraklat", "playProgress" gibi bir dizi başka etkinlik var (video oynatılırken sürekli güncelleniyor) ... Kullanımlar Jquery

İlgili konular