videojs를 사용중인데, 영상이 준비되기전 재생버튼을 누르면 재생되지않게 하고싶습니다.

Question

저는 html에 영상을 videojs를 사용해 출력시키고있습니다.player &#61; videojs('video', { controlBar: { playToggle: { replay: false, }, progressControl: false, }, });js에 작성한 videojs로 영상재생플레이어를 설정하였습니다. if (playbackTime) { initCurrentTime &#61; Math.floor(playbackTime); } else { initCurrentTime &#61; Math.floor(player.currentTime()); }playbackTime은 이전에 영상을 본 적이 있는 경우 영상을 이어보기위해 어디까지 영상을 보았는지 저장해놓은 항목입니다. player.on('ready', function () { player.one(&#34;play&#34;, function () { const isSetPrevTime &#61; player.currentTime() >&#61; initCurrentTime; // 현재 영상 시점이 이전 기록보다 작다면? if (!isSetPrevTime) { player.currentTime(initCurrentTime); } }); });영상이 재생준비가 된 후, 재생버튼을 눌렀을때 영상 이어보기 기록이 있다면, 영상이어보기를 실행하고, 없다면 그냥 실행이 되도록 작성하였습니다. 그런데 현재, pc로는 영상재생준비가 곧바로 되어서 문제가없는데, 모바일로 영상을 보려고 할때 이 재생준비 완료에 수초의 시간이 걸리고, 이 사이에 재생버튼을 누를 경우, 이어보기가 되지않고 처음부터 영상이 재생되는 현상이 발생했습니다. 그래서 영상 재생준비가 되지않은 상태일때 재생을 누르면, 재생되지않고 기다려달라는 알림창을 띄우게하고싶은데, 이 방법을 모르겠습니다.영상 재생준비전까지 재생버튼을 누르면 alert창이 뜨게하려면 어떻게 해야할까요?

KJN · Answer

일단, 재생준비전 재생버튼 클릭 시 alert창은 포기하고, player.one(&#34;play&#34;, function() { setTimeout(()&#61;>{ const isSetPrevTime &#61; player.currentTime() >&#61; initCurrentTime; // 현재 영상 시점이 이전 기록보다 작다면? if(!isSetPrevTime) { player.currentTime(initCurrentTime); } },1000); });이렇게 작성하여, 재생 되고 1초뒤에 이어보기가 되도록 작성했습니다.이렇게 하니까 이어보기가 또 정상적으로 되는것 같습니다.

KJN · Answer

아, 그리고player.on('ready', function () {부분을player.one('ready', function () {으로도 수정했습니다.

videojs를 사용중인데, 영상이 준비되기전 재생버튼을 누르면 재생되지않게 하고싶습니다.

2개의 답변

#videojs 목록