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 |