비디오 배경 클릭시 감추기 기능 문제

[vulcan9]

직지에서 비디오 요소의 click 이벤트에 감추기 동작을 추가한 경우 본래의 재생 토글 기능과 함께 실행되어 UI 충돌 문제 발생함

• 감추기 상태에서도 video 계속 재생됨
• 바인더에서는 fullscreen 상태에서는 감추기가 실행되면 화면 멈춤

샘플 보기: https://me2.do/5D8j6uKU

참고

Video (html tag)의 배경을 클릭했을때 video 기본 동작은 재생(play/stop) 토글 기능임

[vulcan9]

다음 두가지 설정을 통해 기능 충돌을 방지할 수 있습니다.

• 감추기 상태에서 항상 video 재생 멈춤 기능 video 요소의 hide 이벤트에 MEDIA 멈춤 또는 MEDIA 일시정지 action을 설정해 줍니다.

• 감추기 상태 토글과 재생 토글 기능 조정 video 요소의 initialize 이벤트에서 script action에 다음 코드를 작성합니다.

  
  $($self.dom).find('video').on('click', (e) =>{
  if(isFullscreen()){
      // Fullscreen 상태
  
      // 배경 클릭시 재생 토글 기능은 유지
      // e.preventDefault();
  
      // 클릭 이벤트 동작 막기 (예: 감추기 동작)
      e.stopPropagation();
  
  }else{
      // Normal 상태
  
      // 재생 토글 기능 막기
      e.preventDefault();
  
      // 클릭 이벤트 동작 허용 (예: 감추기 동작)
      // e.stopPropagation();
  }
  });

function isFullscreen(){ return document.fullscreen || (document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement || document.webkitIsFullScreen); }

[vulcan9]

Jik-ji_Editor_3.3.44

• 감추기 api 실행할때 풀스크린 상태와 관련된 element 이면 풀스크린 강제 해지 기능 추가