HTML video 연속 재생 질문

조회수 1194회

비디오 태그를 통해 로컬에 저장 된 영상을 재생하고, 그 영상 재생이 끝나면 자동으로 다음 영상을 재생하고싶습니다.

onended라는게 있길래 써봤는데 이렇게는 안 되더라구요.

첫 영상은 잘 보여주는데 두번째 영상은 못 가져오네요.

<body>
<div>
    <video id="videoPlay" width="300" height="200" controls autoplay muted>      
        <source type="video/mp4" src="/test/test1.mp4" type="video/mp4" onended="nextPlay()" />
    </video>
    <br><br>
    <input type="button" id="btn1" value="클릭">
</div>

<script>
function nextPlay() {
    $("#videoPlay").attr("src", "/test/test2.mp4");
}
</script>

혹시 onended가 아니라 다른걸 사용해야하나요?

  • 보통은 '다음 영상'이라는 개념을 재생목록으로 처리합니다. 엽토군 2021.5.12 21:51

1 답변

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)