테스트 사이트 - 개발 중인 베타 버전입니다

동영상 전체화면 재생관련 질문드립니다.

희라153 9년 전 조회 3,176

안녕하세요.

 

이미지에 링크를 걸어서 해당 동영상이 전체화면으로 켜지면서 바로 재생될 수 있도록 하면서 전체화면을 종료했을때에는 영상을 종료 시키려고 합니다.

 

현재상황은 이미지를 클릭하면 동영상을 전체화면으로 뜨되 플레이버튼을 클릭 해서 영상을 재생하고 정지를 한후에 

종료를 눌러야만 원하는 방향으로 사용 할 수 있습니다. (정지버튼을 클릭하지 않고 종료시 동영상 계속 재생)

비디오는 css에서  display로 숨겨둔 상태입니다.

 

</p><p><script type="text/javascript"></p><p>function goFullscreen(id) {</p><p>  var element = document.getElementById(id);       </p><p>  if (element.mozRequestFullScreen) {</p><p>    element.mozRequestFullScreen();</p><p>  } else if (element.webkitRequestFullScreen) {</p><p>    element.webkitRequestFullScreen();</p><p>  }  </p><p>}</p><p></script></p><p>

 

 

</p><p><video class="video_player" id="player" width="100%" controls="controls"> </p><p><source src="video/A1.mp4"/> </p><p></video></p><p><button onclick="goFullscreen('player'); return false"> <img src="images/a1.jpg"></button></p><p>

 

 

제가 원하는 것은

1. 사이트에서는 영상이 노출 x, 보이지 않아야 함

2. 이미지 클릭시 동영상 전체화면+자동플레이

3. 동영상 전체화면 종료 + 영상자동정지

 

 

코딩에 더해져야 할 부분이 있으면 조언 부탁드립니다.

참고 할만한 사이트 공유 부탁드립니다.

 

감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

9년 전

소스내 영상을 삽입해서 자동플레이는 없앤 상태입니다.

종료의 기준은 사용자가 전체화면을 종료했을시 (ESC버튼 클릭)에 동영상이 종료 되었으면 합니다..

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

9년 전

전체화면 대는건 사용하시는 스크립트 사용하시고

자동플레이는 autoplay=true 옵션

동영상 전체화면 종료가 정확하게 기준이 어딘가여?

기준이 있어야 영상을 정지시킬거같네여 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인