Phone 全屏模式下的屏幕旋转按钮

Question

当用户按下按钮时，屏幕从垂直变为水平，当您从全屏模式单击退出按钮时，它returns从水平变为垂直Example

var elem = document.documentElement;
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}

function closeFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.webkitExitFullscreen) { /* Safari */
    document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) { /* IE11 */
    document.msExitFullscreen();
  }
}

<button onclick="openFullscreen();">Open Fullscreen</button>
<button onclick="closeFullscreen();">Close Fullscreen</button>

我需要一种旋转屏幕的方法

Answer 1

<script>
function openFullscreen() {
 document.body.requestFullscreen();
 screen.orientation.lock("landscape");

}

function closeFullscreen() {
screen.orientation.lock("portrait");  } 

function closeFullscreen() { document.exitFullscreen();  } 

</script>

<button onclick="openFullscreen();">Open Fullscreen</button>
<button onclick="closeFullscreen();">Close Fullscreen</button>

Phone 全屏模式下的屏幕旋转按钮

Phone screen rotation button in full screen mode

html

javascript

screen