Post

// 영상 재생/정지
var myAudio = $('#video');
function aud_play_pause() {
if (myAudio[0].paused) {
myAudio[0].play();
$('.btnPlay').css('background-position-y','-30px');
} else {
myAudio[0].pause();
$('.btnPlay').css('background-position-y','0');
}
}


// 영상 전체 시간
myAudio.on('loadedmetadata',function(){
videoTime = parseInt(myAudio[0].duration);
m = Math.floor(videoTime / 60) + ":" + (videoTime % 60);  // 남은 시간 계산
$('.duration').text(m);
});

// 현재 진행 시간
myAudio.on('timeupdate', function() {
var currentPos = myAudio[0].currentTime; //Get currenttime
var maxduration = myAudio[0].duration; //Get video duration
var percentage = 100 * currentPos / maxduration; //in %
$('.timeBar').css('width', percentage+'%');
});


'javascript, jQuery' 카테고리의 다른 글

INPUT TYPE FILE 파일명 추출  (0) 2019.04.09
JavaScript, jQuery 에서 높이, 너비 구하는 방법 정리  (0) 2019.01.31
타이머 스크립트  (0) 2018.08.21
select 제어  (0) 2018.08.05
숫자만 입력가능  (0) 2018.06.12
▲ top