2015-01-31 4 views
3

안녕하세요. 동영상 재생이 끝나고 다른 페이지로 리디렉션하려고하고 있습니다. 지금까지 고민 중입니다. Stack에있는 다른 게시물의 코드를 아래에 적용했지만 제대로 작동하지 않습니다.동영상 재생 완료 후 다른 URL로 리디렉션하는 방법

도움이 될 것입니다. 당신이 함수를 작성하는 경우

<script src="text/javascript"> 

function playVideo() { 
    var video= document.getElementById('video'); 
    video.play(); 
    video.addEventListener('ended',function() { 
     window.location= 'http://www.google.com'; 
    }); 
} 

</script> 

<video width="1280" height="720" autoplay id="video"> 
<source src="Jantex_Vid_converted.mp4" type="video/mp4" /> 
</video> 

답변

2

, 당신은 그것을 실행해야

<script src="text/javascript"> 

    function playVideo() { 
     var video= document.getElementById('video'); 
     video.play(); 
     video.addEventListener('ended',function() { 
      window.location= 'http://www.google.com'; 
     }); 
    } 
    playVideo(); 
    </script> 

    <video width="1280" height="720" autoplay id="video"> 
    <source src="Jantex_Vid_converted.mp4" type="video/mp4" /> 
    </video> 
+0

자동 재생이 켜져 있습니다. OP는 자동 재생을 제거하거나 기능 내에 'video.play'를 실행하지 않아야합니다. – Mouser

+0

사실,하지만 그는 왜 그의 기능이 작동하지 않는지 묻고 있었다. –

+0

True @Evan, OP가 대답을 받아들이기를 원한다. ;-) – Mouser

1

귀하의 코드는 두 가지 이유가 작동하지 않습니다

먼저 : 당신은 당신의 자바 스크립트 코드를 이동해야 아직 작성되지 않은 요소는 참조 할 수 없으므로 HTML 코드 아래에

둘째 : 당신은

<script src="text/javascript"> 

처럼 자바 스크립트 코드를 태초하고 뭔가

<script type="text/javascript" language="javascript"> 

당신이이 두 가지를 변경하는 경우

처럼, 나는 그것이 작동 확신해야합니다. 그것은 나에게 도움이된다.

관련 문제