2014-02-06 9 views
0

html 페이지가로드 될 때 javascript로 임의의 비디오를 재생하려고합니다. 기본적으로 각 브라우저에서 지원하는 비디오 배열을 만듭니다. 하지만 비디오가 끝나면 기능을 실행해야합니다. 나는 모든 비디오가 iframe 태그를 사용하여 호출하기 때문에 브라우저에 비디오가 끝났음을 알리기 위해 iframe 태그를 사용하려고합니다. 그러나 그것은 작동하지 않습니다. 내가 말하고있는 함수는 코드의 마지막 줄입니다. 도움주세요. 당신이 재생을위한 HTML5 <video> 태그를 활용하려고하는 것처럼Javascript Detect End Video

<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> 

답변

0

는 것 같습니다. <video> 대신 을 사용하는 이유가 있습니까? this video events demo page에 따르면 "종료 된"이벤트는 실제로 비디오 재생이 끝날 때 시작됩니다. 태그가 "종료 됨"이벤트를 지원한다는 증거를 찾을 수 없습니다.

+0

비디오 태그를 사용해 보았지만 비디오가 시작되지 않도록 컨트롤과 자동 재생을 활성화하는 것을 잊어 버렸습니다. 이제 끝났어. 그리고 모든 비디오에 수업을 들었고 그 수업에서 그 수업을 부릅니다. Btw 답변 주셔서 감사합니다;) – user3279149