본문 바로가기

나의 플랫폼/Spring Framework

[JavaScript] VideoJS에서 플레이 시간까지만 이동 되도록

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

출처 : https://support.brightcove.com/brightcove-player-sample-disable-forward-scrubbing


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
var percentAllowForward = 0;
var videoPlayer;
var disableForwardScrubbing = function(player) {
    player.on("timeupdate"function() {
        var percentPlayed = player.currentTime() / player.duration() * 100;
        if (percentPlayed > percentAllowForward) {
            percentAllowForward = percentPlayed;    
        }
    });
    
    return {
        // +++ Implement setSource() +++
        setSource: function setSource(srcObj, next) {
            next(null, srcObj);
        },
        // +++ Alter the setCurrentTime method +++
        setCurrentTime: function setCurrentTime(ct) {
            var percentPlayed = ct / player.duration() * 100;
            if (ct < player.currentTime() || percentPlayed <= percentAllowForward){
                return ct;
            } else if ( percentPlayed > percentAllowForward) {
                return player.duration() * percentAllowForward / 100;
            }
            return player.currentTime();
        }
    }
};
cs

플레이 시간을 저장 해 두었다가,

시간을 바꾸고자 할 때, 플레이 했던 시간을 넘어가지 않도록 예외 처리를 한 소스 입니다.


참고하세요.