html5動画プレーヤー - 自動終了フルスクリーン

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>