一个绑定＆＃34;结束＆＃34;所有视频[html5]

Question

我需要在每次观看视频时增加一个变量（无论哪一个），所以当这个变量达到10时我可以显示广告。

实际上我使用他们的ID绑定每个视频。

<video id="1">...</video>
<video id="2">...</video>
<video id="3">...</video>

$('#'+idVideo).bind('ended',function(){ /* each time i append a video, i do this */
        WATCHED_VIDEOS++;
        // displayAd() when WATCHED_VIDEOS reach 10....
});        

我尝试了这一行$('video').bind('ended',function(){...});，而不是绑定每个视频，但它不起作用。

任何人都有一个只使用一个绑定来实现此目的的解决方案？感谢

Answer 1

尝试以下方法：

<video id="1">...</video>
<video id="2">...</video>
<video id="3">...</video>
<script>
    var total_ended = 0;
    var videos = document.getElementsByTagName('video');
    for (i=0;i<videos.length;i++) {
        videos[i].onended = function() {
            total_ended++;
            console.log('Total videos ended: ' + total_ended);
        }
    }
</script>

这是一个有效的例子：http://jsfiddle.net/xvLmam41/

希望有所帮助。