document.documentElement.msRequestFullscreen () возвращает неопределенное - PullRequest
Новая
       74

document.documentElement.msRequestFullscreen () возвращает неопределенное

0 голосов
/ 15 апреля 2020

Я пытаюсь go в полноэкранном режиме, используя document.documentElement.msRequestFullscreen () на ie11. Возвращает неопределенное.

Также 

var elem = document.getElementById("ember715"); 
elem.msRequestFullscreen()

возвращает неопределенное значение на ie11. PS-elem.requestFullscreen () выполняет работу в chrome, поэтому элемент определен правильно. Я позаимствовал идею у Как включить IE полноэкранную функцию, такую ​​как firefox и chrome

1 Ответ

1 голос
/ 15 апреля 2020

Я предлагаю вам сделать тест с кодом ниже. Я протестировал его с IE 11, и он отлично работает. 

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>

<h2>Fullscreen with JavaScript</h2>
<p>Click on the button to open the video in fullscreen mode.</p>
<button onclick="openFullscreen();">Open Video in Fullscreen Mode</button>
<p><strong>Tip:</strong> Press the "Esc" key to exit full screen.</p>

<video width="100%" controls id="myvideo">
  <source src="https://www.w3schools.com/jsref/rain.mp4" type="video/mp4">
  <source src="sample.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

<script>
/* Get the element you want displayed in fullscreen */ 
var elem = document.getElementById("myvideo");

/* Function to open fullscreen mode */
function openFullscreen() {
  if (elem.requestFullscreen) {
  elem.requestFullscreen();
  } else if (elem.mozRequestFullScreen) { /* Firefox */
  elem.mozRequestFullScreen();
  } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari & Opera */
  elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE/Edge */
  elem.msRequestFullscreen();
  }
}
</script>

<p>Note: Internet Explorer 10 and earlier does not support fullscreen mode.</p>

</body>
</html>

Ссылка:

HTML DOM requestFullscreen () Метод

...