一个bind“结束”所有视频[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/

希望这能有所帮助。