Video.js는 HTML5 동영상 플레이어를 구현하기 위한 강력한 JavaScript 라이브러리입니다. Video.js를 사용하여 동영상의 시작 시간과 종료 시간을 설정하는 방법은 아래와 같습니다.

1. HTML 코드에 Video.js 플레이어를 추가합니다.

<video id="my-video" class="video-js" controls>
    <source src="video.mp4" type="video/mp4">
</video>

1. JavaScript 코드에서 Video.js 플레이어를 초기화하고 시작 시간과 종료 시간을 설정합니다.

var player = videojs('my-video');

// 시작 시간을 설정합니다.
player.ready(function() {
    player.currentTime(10); // 시작 시간을 10초로 설정합니다.
});

// 종료 시간을 설정합니다.
player.on('timeupdate', function() {
    if (player.currentTime() >= 60) { // 종료 시간을 60초로 설정합니다.
        player.pause(); // 동영상을 일시정지합니다.
    }
});

위의 코드에서, currentTime() 메소드를 사용하여 시작 시간과 종료 시간을 설정할 수 있습니다. currentTime() 메소드는 동영상의 재생 시간을 조절하는 데 사용되며, 매개변수로 설정할 시간(초)을 전달합니다.

시작 시간을 설정하는 부분에서는 player.ready() 메소드를 사용하여 Video.js 플레이어가 준비된 후에 시작 시간을 설정하도록 합니다. timeupdate 이벤트를 사용하여 종료 시간을 확인하고, 동영상이 종료 시간에 도달하면 player.pause() 메소드를 호출하여 동영상을 일시정지시킵니다.

이렇게 Video.js를 사용하여 동영상의 시작 시간과 종료 시간을 설정할 수 있습니다.

관련 참고 자료:

• Video.js 공식 문서