고객사의 요청으로 영상이 끝나면 멈춰달라는 요청이 있었다
그리고 멈추면 실행 아이콘이 생기는데 숨겨야하는 이슈도 던져줬다.
일단 영상이 멈추면 실행아이콘이 jwplayer에서 자동 생성된다
그냥 아이콘 클래스를 jquery로 잡아서 hide하려 했는데
타이밍이 그래서 인지 잡을수가 없습니다.
간단하게 settimeout을 사용했다.
jwplayer('player').onTime(function (event) {
if (!seeking) {
if (renderMode != "html5")
maxPlayPosition = event.position - 60 > maxPlayPosition ? (event.position - 60) <= 0 ? 0 : event.position - 60 : maxPlayPosition;
else
maxPlayPosition = event.position > maxPlayPosition ? event.position : maxPlayPosition;
}
var maxPosition = jwplayer('player').getDuration();
var bufPosition = maxPosition * jwplayer('player').getBuffer() / 100;
if (maxPosition-0.3 < event.position)
{
jwplayer('player').pause();
movieEnd = true;
$('.pull-right a.btn-pager').eq(1).addClass('btn-pager-highlight');
setTimeout(function () {
$('.jwdisplayIcon').hide();
}, 100);
return;
}
if (parseInt(lastViewSec) + 60 < bufPosition) {
if (lastViewSec != "" && lastViewSec - 3 > 0 && passYn != "Y" && !isContinue && renderMode != "html5") {
isContinue = true;
}
}
});