index view 돌아가는 화면에 동영상과 사진 같이 넣을때..
본문
index main view에 동영상 짧게 10초정도를 재생하고 나머지 4개 사진으로 된 부분은 6초정도로 맞춰서
인덱스 뷰를 돌리고 싶은데 혹시 참고할 수 있는 팁을 얻을 수 있을까요?
동영상은 끝나면 다음 사진으로 넘어가고 마지막 사진으로 가면 다시 동영상 뷰가 재생되었으면 좋겠습니다.
참고하거나 어떻게 알려주실 분 계시면 감사드리겠습니다
답변 1
오디오나 비디오 태그에서 미디어가 끝난 후 실행되는 이벤트는 onended 입니다. 따라서
<video src... onended=my() ...></video>
<script>
function my() {
미디어가 끝난 후 발생하는 이벤트;
}
</script>
또는
<video id=myVideo src... ...></video>
<script>
myVideo.onended = function() {
미디어가 끝난 후 발생하는 이벤트;
}
</script>
이런 식으로 만드시구요. 사진의 경우 카운터변수를 하나 만들어서 셋인터벌로 체크하여 정해진 카운터가 되면 다음 사진 내지는 다음 동영상으로 넘기시면 됩니다.
답변을 작성하시기 전에 로그인 해주세요.