동영상 시간조절바 잠금 해제방법 도움좀요 ㅜㅜ

0
답변 1 동영상 시간조절바 잠금 해제방법 도움좀요 ㅜㅜ 답변 1 (/p/javascript)
고수님들 강의보는데 저 재생시간 조절바가 잠금이되어있는데 이걸 f12로 해제하는방법 있을까요? 페이지 소스코드이긴한데 모르겠네요 ..

고수님들 강의보는데 저 재생시간 조절바가 잠금이되어있는데 이걸 f12로 해제하는방법 있을까요?

페이지 소스코드이긴한데 모르겠네요

<!DOCTYPE html>
			<html lang="ko">
				<head>
				<link rel="stylesheet" type="text/css" href="/assets/css/user/contents.min.css?_v=2010060900" />
				<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
				<title>CyLearn</title>

				<script type="text/javascript">
		var ASSET_ROOT = "/assets";
		var BASE_ROOT = "";
		var DEVICE_TYPE = "NORMAL";
</script>

<!--[if lt IE 9]>
			<script src="/assets/js/cylearningroom/html5shiv.js"></script>
<![endif]-->

<script type="text/javascript" src="/assets/js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="/assets/js/jquery-ui.min.js"></script>

<script src="/assets/js/cylearningroom/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="/assets/js/cylearningroom/design.js"></script>

<script src="/assets/js/common/jquery.common.fn.js"></script>

</head>

				<!-- <body oncopy="return false" oncut="return false" onpaste="return false" oncontextmenu='return false' onselectstart='return false' ondragstart='return false'> -->
				 <!-- <body style="width: 100%; height:100%; margin: 0px 0px; padding: 0px 0px; overflow: hidden;"> -->

				 <script type="text/javascript" defer="defer">
					function CtrlAlt() {
						if (event.keyCode == 17) { alert ("Ctrl키를 사용할 수 없습니다."); return false; }

					}
					document.onkeydown = CtrlAlt;
					document.onmousedown = CtrlAlt;

					if (navigator.appName == "Netscape") { //IE 이외에서도 금지합니다-Netscape
					    document.captureEvents(Event.MOUSEDOWN)
					    document.onmousedown = checkClick
					    function checkClick(ev) {
					    	if (ev.which != 1) {
								alert('마우스 오른쪽 버튼을 사용할 수 없습니다.')
					    		return false
					      }
					   }
					}
					</script>
					</head>
				<body oncopy="return false" oncut="return false" onpaste="return false" oncontextmenu='return false' onselectstart='return false' ondragstart='return false'>
					<!-- 기본 공통 -->
<!-- Cv Type pc Top -->
<script type="text/javascript">
var DEVICE_TYPE = "pc";
//mobile pc 같이 사용 합니다 꼭 확인 ilsunni
</script>

<link rel="stylesheet" href="/assets/cydesign/CY0001/jquery.mCustomScrollbar.css" />
<link rel="stylesheet" href="/assets/cydesign/CY0001/CY0001_pc.css" />

<script>
var  j_totalpage     = 5;
var  j_nowpage       = 5;
var  j_prepage       = 4;
var  j_nexpage       = 6;


//컨텐츠 페이지 타입
var  varContentsForm = "S3VOD";
var  varObligeYn = "Y";
var  varNowLessonSeqno = "10007";

//현재 페이지 setting
top.fnCylearnNowContetnsNoSet(j_nowpage);

//과정완료 유무
var varLessonCompleteYn = "N";
var pageCompleteCheckYn = "N";


if(varLessonCompleteYn=='Y'){
	pageCompleteCheckYn='Y';
}



function fnCylearnInit(){
	//2시간 페이지 나가기
	//pagetSessionOutInit();
	//네비게이션 표시
	fnCylearnBaseNaviInit();
	fnCylearnCmdStartObject();
}

function pagetSessionOutInit(){
	var timeoutSession;
    document.addEventListener('mousemove', function (e) {
        clearTimeout(timeoutSession);
        timeoutSession = setTimeout(function () {
        	location.href="LearnUserMainSessionTimeOut.do";
        }, 1000*60*120); //120분
    }, true);

    //첫번째 로딩..
    timeoutSession = setTimeout(function () {
    	location.href="LearnUserMainSessionTimeOut.do";
    }, 1000*60*120); //120분
}


function fnCylearnCmdStartObject() {
    top.fnCylearnCmdStartObject(j_nowpage);
}

function fnCylearnCmdGoingObjectLastCurrentTime(lastCurrentTime) {
    top.fnCylearnCmdGoingObjectLastCurrentTime(j_nowpage,lastCurrentTime)
}

function fnCylearnCmdEndObject() {
    top.fnCylearnCmdEndObject(j_nowpage)
}

function fnCylearnCmdEndObjectEvalFinish() {
    top.fnCylearnCmdEndObjectEvalFinish(j_nowpage)
}


//이전 페이지 이동
function fnPrePage() {
	$('#cylearnPrev').addClass("loding");
		top.fnCylearnCmdEndObject(j_nowpage);

	setTimeout(function() {
		if(j_nowpage == 1 ){
			alert('첫번째 페이지입니다.');
		}else{
			top.fnCylearnCmdGoContents(varNowLessonSeqno,j_prepage);
		}
		$('#cylearnPrev').removeClass("loding");
	}, 1000);
}

//다음페이지 이동
function fnNextPage() {

	$('#cylearnNext').addClass("loding");
	top.fnCylearnCmdEndObject(j_nowpage);

	setTimeout(function() {
		if(j_totalpage==j_nowpage){
			//마지막 페이지 다음 차시 체크
			if('N'=='Y'){
				//커스텀 과정일 경우
				alert('학습창을 닫은 후 목차에서 다음 강의를 열어주시기 바랍니다.');
				return;
			}else{
				top.fnCylearnNextLesson(j_nowpage);
			}
		}else{

			top.fnCylearnCmdGoContents(varNowLessonSeqno,j_nexpage);
		}
		$('#cylearnNext').removeClass("loding");
	}, 1000);
}


//풀 스크린 set
function fnCylearnVodFullScreenSet(flag) {
	top.fnCylearnVodFullScreenSet(flag);
}


function fnCylearnBaseNaviInit(){
	var naviResultHtml = "";
	if(varContentsForm=='S3VOD'){
		naviResultHtml +="<button class='prev' id='cylearnPrev' onClick='fnPrePageVod();'>이전 페이지</button>";
		naviResultHtml +="<span>"+j_nowpage+" / "+j_totalpage+"</span>";
		naviResultHtml +="<button class='next' id='cylearnNext' onClick='fnNextPageVod();'>다음 페이지</button>";
	}else if(varContentsForm=='QUIZ'){
		naviResultHtml +="<button class='prev' id='cylearnPrev' onClick='fnPrePage();'>이전 페이지</button>";
		naviResultHtml +="<span>"+j_nowpage+" / "+j_totalpage+"</span>";
		/* naviResultHtml +="<button class='next' id='cylearnNext' onClick='fnNextPageVod();'>다음 페이지</button>"; */
	}else{
		naviResultHtml +="<button class='prev' id='cylearnPrev' onClick='fnPrePage();'>이전 페이지</button>";
		naviResultHtml +="<span>"+j_nowpage+" / "+j_totalpage+"</span>";
		naviResultHtml +="<button class='next' id='cylearnNext' onClick='fnNextPage();'>다음 페이지</button>";
	}
	$('#cyNavi').html(naviResultHtml);

	//pc 로고 이미지 체크
	if(DEVICE_TYPE=='pc'){
		$('#learn_nav img').attr('src','/assets/cydesign/CY0001/img/logo_N0134.png');
	}
}

//의견저장
function fnActivitySave(contents) {
	top.fnCylearnActivitySave(j_nowpage, 'activity', contents);
}
//나의 의견 데이터
function fnCylearnActivityMyData(){
	return top.fnCylearnActivityMyData(j_nowpage);
}
//다른 사람 의견 목로고
function fnCylearnActivityDataList(){
	return top.fnCylearnActivityDataList(j_nowpage); //학습페이지
}

//이미지 프린터
function fnImgPrint() {
	top.fnCylearnImgPrint(j_nowpage);
}


//의견 팝업
function fnActivityPopup() {
	top.fnCylearnActivityOpinionPopup('', j_nowpage);
}


//좋아요 업데이트
function fnCylearnPostsLike(postsSeqno) {
	return top.fnCylearnPostsLikeUpdate(postsSeqno);
}


</script><script type="text/javascript" charset="utf-8" src="/assets/mediaplayer-3.0.16/mediaplayer/js/mediaplayer-3.0.20.420.min.js"></script>
<script type="text/javascript" charset="utf-8" src="/assets/mediaplayer-3.0.16/mediaplayer/skin/CY0001/CY0001_vod.js"></script>
<link rel="stylesheet" href="/assets/mediaplayer-3.0.16/mediaplayer/skin/CY0001/CY0001_vod.css">


<script type="text/javascript">
var DEVICE_TYPE = "pc";
//mobile pc 같이 사용 합니다 꼭 확인 ilsunni
</script>

<link rel="stylesheet" href="/assets/cydesign/CY0001/jquery.mCustomScrollbar.css" />
<link rel="stylesheet" href="/assets/cydesign/CY0001/CY0001_pc.css" />


<body style='width: 100%; height: 100%;'>
<!-- <div style="width: 100%; height: 75%;"> -->
<div style="width: 100%; height: 538px;">
	<div id="mediaplayer" ></div>
</div>



<!--learn_nav-->
		<div id="learn_nav">
			<h2><img src="/assets/cydesign/CY0001/img/logo.png" alt="" /></h2>
				<p id="cyNavi">
					<!-- <button class="prev disabled">이전 페이지</button>
					<span>1 / 12</span>
					<button class="next">다음 페이지</button> -->
				</p>
		</div>
<!--/learn_nav-->

<script>

function fnfirstPage(){
	alert('첫 페이지 입니다');
	return;
}

function fnCyNaviDisplay(){

	var playerResultHtml = "";

	if(j_prepage!=0){
		playerResultHtml +="<div class='mpv-playlist-prev-btn mpv-button' onClick='fnPrePageVod();' title='이전영상 버튼'>이전 페이지</div>";
	}else{
		playerResultHtml +="<div class='mpv-playlist-prev-btn mpv-button' onClick='fnfirstPage();' title='이전영상 버튼'>이전 페이지</div>";
	}

	playerResultHtml +="<div class='mpv-playlist-cur-text mpv-ns-text'>"+j_nowpage+"</div>";
	playerResultHtml +="<div class='mpv-playlist-temp-text mpv-ns-text'>/</div>";
	playerResultHtml +="<div class='mpv-playlist-total-text mpv-ns-text'>"+j_totalpage+"</div>";

	//의무 과정일때 next 막기
	if(varObligeYn=='Y'){
		if(pageCompleteCheckYn=='Y'){
			playerResultHtml +="<div class='mpv-playlist-next-btn mpv-button' onClick='fnNextPageVod();' title='다음영상 버튼'></div>\n";
		}
	}else{
		playerResultHtml +="<div class='mpv-playlist-next-btn mpv-button' onClick='fnNextPageVod();' title='다음영상 버튼'>다음 페이지</div>";
	}

	//console.log("playerResultHtml=="+playerResultHtml);
	//플레이어 쪽 html
	$('#mediaplayer .mpv-cy-playlist-layout').html(playerResultHtml);
	$('#mediaplayer .mpv-cy-playlist-layout').hide();

}

//다음 차시
function fnNextLesson(){

	var player = document.querySelector('#mediaplayer').zonemediaplayer
	player.pause();

	var fullScreenYn = 'N';
	if(typeof player.isFullscreen() == "undefined" || player.isFullscreen() == null || player.isFullscreen() == ""){
		fullScreenYn = 'N';
	}else{
		fullScreenYn = 'Y';
	}

	//종료과정 복습일 경우 무조건 Y
	if('ING'=='END'){
		//top.fnGoNextLessonNewFullscreenEnd('5',fullScreenYn);
	}else{
		//top.fnGoNextLessonNewFullscreen('5',fullScreenYn);
	}
}


function fnPrePageVod(){
	var player = document.querySelector('#mediaplayer').zonemediaplayer
	player.pause();

	var fullScreenYn = 'N';
	if(typeof player.isFullscreen() == "undefined" || player.isFullscreen() == null || player.isFullscreen() == ""){
		fnCylearnVodFullScreenSet('N');
	}else{
		fnCylearnVodFullScreenSet('Y');
	}
	player.exitFullscreen();
	fnPrePage();
}

//다음 페이지
	function fnNextPageVod(){

		var nowPageCompleteYn = top.fnCylearnCmdEndObject('5');
		//종료과정 복습일 경우 무조건 Y
		//alert('ING');
		/* if('ING'=='END'){
			nowPageCompleteYn='Y';
		} */

		if(nowPageCompleteYn=="Y"){
			var player = document.querySelector('#mediaplayer').zonemediaplayer
			player.pause();

			var fullScreenYn = 'N';
			if(typeof player.isFullscreen() == "undefined" || player.isFullscreen() == null || player.isFullscreen() == ""){
				fnCylearnVodFullScreenSet('N');
			}else{
				fnCylearnVodFullScreenSet('Y');
			}
			player.exitFullscreen();

			//다음페이지가 퀴즈이면 무조건 전체화면보기를 중지한다.
			//player.exitFullscreen();
			//alert('NO');
			//if('NO'!='S3VOD'){
		        //alert('fulll 스크린이 종료됩니다.');
			//}

			fnNextPage();
		}else{
			alert("본 컨텐츠 학습이 완료되지 않았습니다.");
			return;
		}
}


function goEndMessage() {
	/* if(varObligeYn=='Y'){
		if(pageCompleteCheckYn!='Y'){ */
			if(j_totalpage>j_nowpage){
				if(confirm('다음페이지로 이동하시겠습니까?')){
					fnNextPageVod();
				}else{
					return;
				}
				//$('#commonMessageBox').layerPop();
				//return;
			}else if(j_totalpage == j_nowpage){
				if(confirm('다음차시로 이동하시겠습니까?')){
					fnNextPageVod();
				}else{
					return;
				}
				//$('#commonMessageBoxLesson').layerPop();
				//return;
			}
/* 		}
	} */
}



function fnPopClose(popid){
	$('#'+popid).layerPopClose();
}


(function(){
	var varDisableSeekable = false;
	//이어보기 제어 페이지를 다 봤다면 처음부터 이어보기
	var lastCurrentTime='1';

	if(pageCompleteCheckYn=='Y'){
		varDisableSeekable = false;
		//lastCurrentTime=1;
	}else if(varObligeYn=='Y'){
		//배속 버튼 감춘다.
		varDisableSeekable = true;
	}

    var source = [
            {
               	 quality: [
                           {code: 'A', label: '고화질', src:'https://s3cdn.cylearn.co.kr/vod/00097_100065_10001_005_hd.mp4', select: true },
                           {code: 'B', label: '저화질', src:'https://s3cdn.cylearn.co.kr/vod/00097_100065_10001_005_sd.mp4' }
                       ]
                , allTime: 0 // 다시보기시 이전 allTime 값
                , overlapPlayTime: {vod: 0, real: 0}
                , autoContinueTime: lastCurrentTime // 자동이어보기
                /* , autoHeight: true
                , autoHeightResizeable: true */
                , disableSeekable: varDisableSeekable
				//,continueTime: 120    // 사용자에게 이어보기를 할 지 묻습니다.

                /*, autoContinueTime: 120 // 자동이어보기
                */
                //, continueTime: 120    // 사용자에게 이어보기를 할 지 묻습니다.
            }
        ];


	//존플레이어에서 인터벌로 시간 체크 안합니다.
	//repeat구간반복 버튼 사용 유무 체크
	//lockBtn 락모드 숨김
	//ui: { titleText: {hideExtendButton: true} }, 진도바 숨김
	//bookmark: {menuBtn: {hideButton: true}, closeOnClick: false}, 존플레이어 목차 북마크
    window.createMediaPlayer('#mediaplayer', source, {
            module: {
                radio: {
                    backgroundImage: 'https://html5.imgtech.co.kr/static/download/onair_null.jpg'
                },
                //ui: { titleText: {hideExtendButton: true} },
                layout: {
                    lockBtn: {hideExtendButton: true}
                },
                repeat: {
                    repeatBtn: {hideButton: true}
                },
                rate : {
            	    use: true,
            	    className: 'imgtech.media.module.Rate',
            	    useType: 'list', // button(mpv-rate-type-button) or list(mpv-rate-type-list). 버튼 타입이 아니면 리스트 타입 입니다.
            	    rateBtn: {hideButton: false, hideExtendButton: true, hideMenuButton: true},
            	    rateDownBtn: {hideButton: false, hideExtendButton: true, hideMenuButton: true},
            	    rateUpBtn: {hideButton: false, hideExtendButton: true, hideMenuButton: true},
            	    rateText: {hideButton: false, hideExtendButton: true, hideMenuButton: true}
            	},
                watchTime: {
                    depthSeconds: 120
                    , alwaysEvent: true
                    /*
                    , allTime: function(a){
                        if(a.beforeUnload){
                            //last
                        }
                        console.error('allTime', a);
                    }, overlapedPlayingRealTime: function(a){
                        if(a.beforeUnload){
                            //last
                        }
                        console.error('overlapedPlayingRealTime', a);
                    }, overlapedPlayingTime: function(a){
                        if(a.beforeUnload){
                            //last
                        }
                        console.error('overlapedPlayingTime', a);
                    },
                    ,playingTime: function(a){
                        if(a.beforeUnload){
                            //last
                        }
                        console.error('playingTime', a.value);
                    }
                    /*/


                    , className: "imgtech.media.module.WatchTimeEx"
                    , debug: false //{currentTime: false, seek: true}
                    , beforeunload: true
                    , overlapPlayTime: true


                    //, allTime: false
                    //, overlapedPlayingRealTime: true
                    //, overlapedPlayingTime: true
                    //, playingTime: true
                    , callback: function(a){
                        if(a.beforeUnload){
                            //페이지 이동 및 페이지 닫기 시에 a.beforeUnload 가 셋팅 됩니다.
                        }

                        var o;
                        //console.warn('============================');
                        //console.log('currentTime: '+this.p.currentTime());
                        if(a.beforeunload){
                            //console.log('beforeunload !!!');
                        }
                        if(a.ended){
                            //console.log('ended !!!'); //end video
                        }
                        if(a.stoped){
                            //console.log('stoped !!!'); //stoped video
                        }
                        if(a.changeSource){
                            //console.log('changeSource !!!'); //changeSource video
                        }
                        //a.sourceTime && console.log('sourceTime ', a.sourceTime.value +" : "+ a.sourceTime.depth);
                        //a.pureTime && console.log('pureTime ', a.pureTime.value +" : "+ a.pureTime.depth);

						/*
                        if((o = a.overlapPlayTime)){
                            console.log('overlapPlayTime (vod) ', o.value.vod + " ===> "+o.depth.vod);
                            console.log('overlapPlayTime (real) ', o.value.real + " ===> "+o.depth.real);
                            console.log('overlapPlayTime (depth) '+(o.value.vod-o.value.real));

                            console.log(this.p.currentTime());
                            console.log(a.overlapPlayTime.value.vod);

                        }
                        if((o = a.playTime)){
                            console.log('playTime (vod) ', o.value.vod +" ===> "+  o.depth.vod);
                            console.log('playTime (real) ', o.value.real +" ===> "+  o.depth.real);
                            console.log('playTime (depth) '+(o.value.vod-o.value.real));
                            console.log(a.playTime);
                        }
                        */

                        //console.log('watchtime callback', a);
                        /* a.currentTime // 현재 재생 시간 : this.p.currentTime() 과 동일한 값
                        a.overlapedPlayingTime.current //overlapedPlayingTime의 현재값
                        a.overlapedPlayingTime.old     //overlapedPlayingTime의 이전 값
                        a.overlapedPlayingTime.value   //overlapedPlayingTime의 현재와 이전 값의 합
                        a.playingTime.current  //playingTime의 현재값
                        a.playingTime.old      //playingTime의 이전 값
                        a.playingTime.value    //playingTime의 현재와 이전 값의 합 */

                        //console.log('5초단위 overlapedPlayingRealTime '+a.data.overlapedPlayingRealTime.value);
                        //console.log('5초단위 currentTime: '+this.p.currentTime() );

                        /* console.log('5초단위 currentTime: '+this.p.currentTime() ); // 현재 재생 시간
                        console.log('5초단위 overlapedPlayingTime: '+a.data.overlapedPlayingTime.current);
                        console.log('5초단위 playingTime: '+a.data.playingTime.value);
                        console.log('5초단위 overlapedPlayingRealTime '+a.data.overlapedPlayingRealTime.value); */
                      //console.log('5초단위 영상의 총 시간 duration: '+this.p.duration() );       // 영상의 총 시간
						//5초단위 overlapedPlayingRealTime은 어떻게 찍나요?
						//console.log('5초단위 overlapedPlayingRealTime: '+a.data.overlapedPlayingRealTime.current );
                      //중간 진도값 저장
                      fnCylearnCmdGoingObjectLastCurrentTime(this.p.currentTime());
                    }
                }
            }
        },
        function(e){
        	var thiz = this;
        	var D = getDframework();
        	var Media = D.module('imgtech.media.Media');


        	if(e.type==this.EVENT.ON_READY){
        		//Cy타입 초기화
        		fnCylearnInit();

        		//vod 네이게이션 표시
       			fnCyNaviDisplay();

       			
						$('#mediaplayer .mpv-script-btn').hide();
					

        		//$('#mediaplayer .mpv-cy-playlist-layout').html("<div class='mpv-playlist-prev-btn mpv-button' onClick='fnPrePageVod();' title='이전영상 버튼'>이전 페이지</div>    		<div class='mpv-playlist-cur-text mpv-ns-text'>2</div>    		<div class='mpv-playlist-temp-text mpv-ns-text'>/</div>    		<div class='mpv-playlist-total-text mpv-ns-text'>4</div>    		<div class='mpv-playlist-next-btn mpv-button' onClick='fnNextPageVod();' title='다음영상 버튼'>다음 페이지</div>");


        		if(varDisableSeekable){
        			$('.skin-catvod .mpv-rate-btn').hide();
        		}else{
        			$('.skin-catvod .mpv-rate-btn').show();
        		}

        		//플래이어 클릭 이벤트
        		//플레이어 쪽 html
        		//$('#mediaplayer .mpv-config-btn mpv-button mpv-bctrl-btn').html("1111");
        		/*
        		$('#mediaplayer .mpv-script-btn').click(function(){
        			$('#commonScript').layerPop();
        			var sec = thiz.currentTime();
					console.log(sec);

					var time = this.currentTime();
		            var s = Media.secondsToString(sec);

		            //초단위를 00:00 형식으로 변환하는 방법 입니다
		            console.log(s);

					//seek이동 하기
					// var player = document.getElementById('mediaplayer').zonemediaplayer;
					//player.seekTo(100);
        		});
        		*/
        	}
        	/* if(e.type==this.EVENT.ON_BEFORE_PLAY){
        		this.seekTo(100);
        	} */
        	if(e.type==this.EVENT.FULLSCREEN_CHANGE){
        		//alert("e.data==="+e.data);
        		if(e.data){
        			//$('#mediaplayer .mpv-cy-playlist-layout').show();
        		}else{
        			//alert('풀 스크린이 종료 됩니다.');
        			//this.exitFullscreen();
        			//$('#mediaplayer .mpv-cy-playlist-layout').hide();
        		}
        	}

        	if(e.type==this.EVENT.VIDEO_SIZE_DATA){
        		//나중에 영상의 div size를 조정해 보자.
        		//alert(e.data.width);
        		//alert(e.data.height);
        	}

        	//this.source(source):

            if(e.type==this.EVENT.STATE_CHANGE){
                switch(e.data){
	                case this.STATE.PLAYING:
	                    break;
	                case this.STATE.SETSOURCE: // 새로운 소스(영상)이 입력 되었을 때
	               		if('N'=='Y'){
	               			$('#mediaplayer .mpv-cy-playlist-layout').show();
	               			this.fullscreen();
	               		}else{
	               			this.exitFullscreen();
	               		}

	                    if(!this.currentMediaSource()){
	                        // 기존 영상이 없을 때에는 최초 입력이다.
	                        return;
	                    }
                		break;
	                case this.STATE.PAUSED: // 일시정지상태 일 때
	                //case this.STATE.ENDED: //영상 재생이 모두 되었을 때
                    var mod = this.module('watchTime');

                    //console.log('★ overlapedPlayingRealTime: '+mod.overlapedPlayingRealTime(true).value );
                    //console.log('이벤트 currentTime: '+this.currentTime() );

                    //console.log('이벤트 player callback !');
                    /* console.log('이벤트 currentTime: '+this.currentTime() ); // 현재 재생 시간
                    console.log('이벤트 playingTime: '+mod.playingTime(true).value );
                    console.log('이벤트 overlapedPlayingTime: '+mod.overlapedPlayingTime(true).value );
 				    console.log('★ overlapedPlayingRealTime: '+mod.overlapedPlayingRealTime(true).value ); */
                    //console.log('이벤트 duration: '+this.duration() );       // 영상의 총 시간

                    //chlearn 진도는 chk에서.. 페이지 열릴때 기준으로 갑니다.
                    //fnCmdGoingObjectNew(mod.overlapedPlayingRealTime(true).value,this.currentTime());


                  /*   console.log('player callback !');
                    console.log('playingTime: '+mod.playingTime(true).value.toFixed(2) );
                    console.log('overlapedPlayingTime: '+mod.overlapedPlayingTime(true).value.toFixed(2) ); //
                    console.log('overlapedPlayingRealTime: '+mod.overlapedPlayingRealTime(true).value.toFixed(2) );
                    console.log('currentTime: '+this.currentTime() ); // 현재 재생 시간
                    console.log('duration: '+this.duration() );       // 영상의 총 시간 */

                    var a = mod.update();
                    //alert('stop=='+this.currentTime());
                    	//멈췄을때 진도값 저장
                    	fnCylearnCmdGoingObjectLastCurrentTime(this.currentTime());
                    break;

	                case this.STATE.ENDED: //영상 재생이 모두 되었을 때
	                	fnCylearnCmdEndObject();
	                	this.exitFullscreen();
	                	goEndMessage();
	            	break;
                }
            }
    });

    window.onunload = function() {
    	var player = document.querySelector('#mediaplayer').zonemediaplayer
    	player.pause();
    };

    $("#cylearnVodScript").mCustomScrollbar({axis:"y"});

})();
</script>

	<div class="layerPopup" id="commonMessageBox"  style="left:60%; display:none;">
        <div class="pop-body ac">
        	<p class="mb20">학습자님!<br>
        	<span >다음페이지로 이동하시겠습니까?  </span></p>
        	<div class="ac mt10">
            	 <button class="btn3 spot-red" onclick="fnNextPageVod();">이동하기</button>
            	 <button class="btn3 spot-red" onclick="fnPopClose('commonMessageBox');">취소</button>
            </div>
           </div>
   </div>

   <div class="layerPopup" id="commonMessageBoxLesson"  style="left:60%; display:none;">
        <div class="pop-body ac">
        	<p class="mb20">학습자님!<br>
        	<span >다음차시로 이동하시겠습니까?  </span></p>
        	<div class="ac mt10">
            	 <button class="btn3 spot-red" onclick="fnNextPageVod();">이동하기</button>
            	 <button class="btn3 spot-red" onclick="fnPopClose('commonMessageBoxLesson');">취소</button>
            </div>
           </div>
   </div>


   <div id="clfaoffInfo" class="layerPopup w700" style="top: 37.5px; left: 699px; display:none;">
		<div class="pop-header">
			<h1>주의사항</h1>
			<a href="#none" class="pop-close">닫기</a> </div>
		<div class="pop-body">
			<ul class="dotlist">
                <li>학습은 신청하신 <span class="red">집합교육 당일까지 완료하셔야 합니다.</span></li>
                <li>강의는 총 7차시이며 <span class="red">각 차시마다 100% 수강 및 평가 60점 이상(평가횟수 제한 없음)을 달성하셔야 <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;다음 차시의 강의가 진행됩니다.</span> 강의 시간과는 별개로 평가에도 시간이 소요되니 충분한 학습시간을 <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;갖고 여유 있게 교육진행 바랍니다.</li>
                <li>교재는 학습창 우측 상단 [교재보기] 클릭 시 열람 가능합니다.</li>
                <li>교육이수증은 <span class="red">학습기간 내 교육 수료 시</span>(수료기준 : 전 차시 100% 수강 및 차시 별 평가 60점 이상 달성) <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="red">집합교육 다음 영업일부터 출력 가능합니다.</span> 따라서 금요일에 교육이 수료되었다면 다음 주 월요일부터 <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;출력 가능합니다.<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; * [나의 강의실] → [학습현황] → [학습종료 과정]에서 출력 가능</li>
                <li><span class="red">집합교육 당일까지 미수료시 불참처리 되며 환불 및 일정변경 불가합니다.</span></li>
                <li>본 교육에 대한 <span class="red">환불신청 및 일정변경은 집합교육 당일까지 가능합니다.</span><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;* [나의 강의실] → [학습현황] → [학습 중 과정] → [집합결제취소]<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;* [나의 강의실] → [학습현황] → [학습 중 과정] → [일정변경]</li>
            </ul>
		</div>
	</div>
</body>


</body>

		</html>

 

25일 전 지원
+
지원 님께서 25일 전에 Javascript에 올린 질문
댓글 쓰기

1개의 답변

0
[답변]동영상 시간조절바 잠금 해제방법 도움좀요 ㅜㅜ (/p/javascript)
코드 상의 hideExtendButton을 오버라이드 하면 되지 않을까 싶습니다. 자바스크립트에서의 오버라이드에 대해서는 아래 링크를 참고해보시기 바랍니다. https..

코드 상의 hideExtendButton을 오버라이드 하면 되지 않을까 싶습니다.

자바스크립트에서의 오버라이드에 대해서는 아래 링크를 참고해보시기 바랍니다.

https://webclub.tistory.com/404

24일 전 kimho
+
kimho 님께서 24일 전에 Javascript에 올린 글
사탕 주기
보관하기
댓글 쓰기
조회수 538
답글 1
URL