html5 Video Player - Auto Exit FullScreen

Question

Я использую видеопроигрыватель HTML5 на своем веб-сайте. Я хотел бы иметь эту функцию в своем видеоплеере.

Если пользователь наблюдает за видео в полноэкранном режиме, в течение определенной продолжительности полный экран должен автоматически выйти на обычный экран веб-сайта.

Эта функция должна применяться с определенной точки до конца видео. Например, от 30 секунд до конца видео.

Он должен работать в Chrome, Safari, Firefox и на мобильных устройствах.

Как я могу это сделать с помощью Javascript?

Я не программист, так что, пожалуйста, скажите мне код и где именно я должен добавить код?

спасибо.

Answer 1

Please You can try this link 
 

 
http://stackoverflow.com/questions/19357854/html5-exiting-video-fullscreen

Answer 2

fullScreenButton.addEventListener("click", function() { 
 
\t if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) 
 
\t { 
 
\t \t if (video.requestFullscreen){ 
 
\t \t \t video.requestFullscreen(); 
 
\t \t } else if(video.msRequestFullscreen) { 
 
\t \t \t video.msRequestFullscreen(); 
 
\t \t } else if (video.mozRequestFullScreen) { 
 
\t \t \t video.mozRequestFullScreen(); 
 
\t \t } else if (video.webkitRequestFullscreen) { 
 
\t \t \t video.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT); 
 
\t \t } 
 
\t } else { 
 
\t \t if (document.exitFullscreen) { 
 
\t \t \t document.exitFullscreen(); 
 
\t \t } else if (document.msExitFullscreen) { 
 
\t \t \t document.msExitFullscreen(); 
 
\t \t } else if (document.mozCancelFullScreen) { 
 
\t \t \t document.mozCancelFullScreen(); 
 
\t \t } else if (document.webkitExitFullscreen) { 
 
\t \t \t document.webkitExitFullscreen(); 
 
\t \t } 
 
\t } 
 
});

<button id="fullScreenButton">Click</button>