Javascript檢測結束視頻

我試圖在html頁面加載時用JavaScript播放隨機視頻。基本上我創建了一個由每個瀏覽器支持的視頻數組。但是我必須在視頻結束時運行一個功能。我嘗試使用iframe標記告訴瀏覽器視頻已結束，因爲我擁有的所有視頻都使用iframe標記進行調用。但它不起作用。我所說的功能是最後一行代碼。請任何幫助。Javascript檢測結束視頻

<script type="text/javascript"> 
var videosFirefox = ['la_redoute_h264.ogv','la_redoute_h264.ogv']; 
var videosSafari = ['la_redoute_h264.mp4','la_redoute_h264.mp4']; 
var videosGoogleChrome = ['la_redoute_h264.mp4','la_redoute_h264.mp4']; 

var indexFirefox=Math.floor(Math.random() * videosFirefox.length); 
var htmlFirefox='<div class="flex-video widescreen"><iframe width="500" height="290" src="http://wificontent.go4digital.pt/laredoute/20140204/' + videosFirefox[indexFirefox] + '" allowfullscreen frameborder="0"></iframe></div>'; 

var indexSafari=Math.floor(Math.random() * videosSafari.length); 
var htmlSafari='<div class="flex-video widescreen"><iframe width="500" height="290" src="http://wificontent.go4digital.pt/laredoute/20140204/' + videosSafari[indexSafari] + '" controls="controls" allowfullscreen frameborder="0"></iframe></div>'; 

var indexGoogleChrome=Math.floor(Math.random() * videosGoogleChrome.length); 
var htmlGoogleChrome='<div class="flex-video widescreen"><iframe class="ivideo" width="500" height="290" src="http://wificontent.go4digital.pt/laredoute/20140204/' + videosGoogleChrome[indexGoogleChrome] + '" controls="controls" allowfullscreen frameborder="0"></iframe></div>'; 


var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor); 
var isSafari = /Safari/.test(navigator.userAgent) && /Apple Computer/.test(navigator.vendor); 
var is_Firefox = /firefox/i.test(navigator.userAgent); 

if (isChrome) document.write(htmlGoogleChrome); 
if (isSafari) document.write(htmlSafari); 
if (is_Firefox) document.write(htmlFirefox); 

var ivideo = document.getElementsByClassName('ivideo'); 
ivideo.addEventListener('ended', function(){ 
    document.login.submit(); 
},false); 
</script>

來源

2014-02-06 user3279149