[javascript] 10분마다 영상 시청 멈추는 기능 [영상 시청 환기] 만들기

 

동영상 재생을 할때 주의를 환기시키려는 목적으로 정해진 시간마다 Alert 창이 뜨면서 영상재생 여부를 묻는 소스를 만들어 보았다.

 

HTML5 video 기본태그에 setInterval 함수를 간단히 이용하면 되겠다.

 

 
<video id="video1" controls autoplay width="100%" height="100%" loop poster="" controlsList="nodownload">
    <source src="test.mp4" type="video/mp4" />
    현재의 브라우저는 지원하지 않습니다.
</video>
 
<script>
document.getElementById('video1').play();
 
setInterval(function() {
        document.getElementById('video1').pause();
    if (confirm("화면 영상을 잘 시청중이신가요 ? [10분마다 시청유도 확인]\n\n계속 시청을 원하시면 '확인'버튼을 눌러주세요."))
    {
        document.getElementById('video1').play();
    } 
        
}, 600000); // 10분마다 실행
 
</script>