프로필카테고리질문하기
로그인 계정 만들기

video태그에 onclick="this.play();" 을추가했더니 사파리브라우저에서 동영상이 멈추지 않습니다.

08 개월 전

컨트롤바의 재생버튼을 클릭 하지 않아도 화면(포스터)을 클릭하면 재생되게 하기위해서 onclick="this.play();"을 추가했더니

크롬 / 파이어폭스 / 오페라 / 인터넷 익스플로러 에서는 잘 실행이 되는데

사파리에서는 처음에 클릭을 하면 동영상이 재생되는데 그 후 정지버튼을 눌러도 동영상이 멈추질 않습니다.

전체화면으로 확대했을때는 또 되구요...

아래와 같이 코딩을 한 상태입니다.(포스터 및 동영상 주소는 뺐습니다.)

<div class="mov"> <video preload="none" poster="포스터이미지" controls oncontextmenu="return false" width="560" height="316" onclick="this.play();"> <source src="동영상주소.mp4"> <source src="동영상주소.webm"> <div class="movTxt"> 동영상 입니다 </div> </video> </div>

사파리에서도

처음 화면(포스터)클릭 - 영상재생

영상 아래의 컨트롤바의 정지버튼 - 멈춤

이 되게하려면 어떻게 해야 할까요?

답변하기 의견 추가
의견 (0)
더 많은 의견 보기

답글 (1)

정지 버튼을 클릭하는 것이 click 이벤트를 트리거하고 있을 수 있어요.

HTMLMediaElement.paused 프로퍼티로 동영상이 멈춰있는지 확인한 다음 play() 메서드를 실행해보세요.

if(video.paused) video.play();
질문의 코드에 적용하면 이렇게 할 수 있겠죠:
<video onclick="if(this.paused) this.play();">
의견 추가
의견 (0)
더 많은 의견 보기

정보

업보트
1
질문됨
8 개월 전
최근 활동
8 개월 전

카테고리

JavaScriptHTML