6

大規模な調査の結果、私の質問に対する答えはまだ見つかりませんでした。FullScreenAPIで目標を達成したかったのですが、どのモバイルブラウザーでもサポートされていません（Firefox 19とBlackberryブラウザーを除く-ただし、クロスブラウザーソリューションが必要です）。これがソースです。また、適切なプレフィックスが付いたフルスクリーン機能を備えたネイティブAndroidブラウザーとモバイルChromeでFullScreenAPIをテストしました。各関数はタイプundefinedでした。

もう1つのアプローチは、通常は外部プレーヤーによって処理されるrtspプロトコルでした。これは、m.youtube.comがそのソリューションを使用していると想定している人です-私はそれが真実ではないと思います（おそらく答えは時代遅れです）。Youtubeはネイティブビデオのフルスクリーンを使用しています。モバイルChromeでは、再生ボタンをタップすると、ムービーが即座に全画面表示になります。

私がグーグルで検索したすべてのソースは、Androidブラウザーではネイティブのフルスクリーンは不可能であると言っていますが、ネイティブコントロールを備えたHTML5ビデオ要素は、そこで完全に機能するフルスクリーンボタンを提供します。

ネイティブコントロールは必要ないので、誰かが独創的な解決策を共有できHow to trigger HTML5 video fullscreen button'seventますか？

4

5 に答える 5

2

HTML5ビデオを再生する絶対に閉じるボタンを使用して、幅/高さ100％のポップアップを作成できます。

古くて単純で汚いトリック...でもうまくいく

于 2013-03-05T19:06:18.777 に答える
1

モバイルデバイス用の「webkitbeginfullscreen」および「webkitendfullscreen」イベントで作業する必要があるのはそれだけだと思います.

<!doctype html>
<html>
<head>
 <title>video</title>
 <script type="text/javascript">
 function videoControl() {
    var myVideo = document.getElementById('myVideo');
    myVideo.addEventListener("webkitbeginfullscreen", enteringFullscreen, false);
    myVideo.addEventListener("webkitendfullscreen", exitingFullscreen, false);
}

function enteringFullscreen() {
    alert("entering full-screen mode");
}

function exitingFullscreen() {
    alert("exiting full-screen mode");
}
 </script>
</head>
<body onload="videoControl()">
 <div id="videoContainer">
 <video id="myVideo" src="myVideo.m4v" autoplay controls>
 </video>
 </div>
</body>
</html>
于 2014-02-25T10:00:04.123 に答える
0

ユーザーインタラクティブイベントハンドラー（例：クリック）で video.webkitEnterFullscreen() を試してください

于 2014-02-10T03:56:03.480 に答える
-1

これが私が使用しているもので、どこでもほとんど機能するはずです：

function toggleFullScreen() {
  var doc = window.document;
  var elem = doc.body; //the element you want to make fullscreen

  var requestFullScreen = elem.requestFullscreen || elem.webkitRequestFullScreen || elem.mozRequestFullScreen || elem.msRequestFullscreen;
  var cancelFullScreen = doc.exitFullscreen || doc.webkitExitFullscreen || doc.mozCancelFullScreen|| doc.msExitFullscreen;

  if(!(doc.fullscreenElement || doc.mozFullScreenElement || doc.webkitFullscreenElement || doc.msFullscreenElement)) {
      requestFullScreen.call(doc.body);
  }
  else {
    cancelFullScreen.call(doc);
  }
}
于 2015-02-04T04:02:20.963 に答える