У меня есть страница, которая встроена в набор фреймов. Я не могу / не хочу влиять на страницу, которая определяет набор фреймов. С внутренней страницы (внутри фрейма) я хотел бы запустить полноэкранный режим.
внешняя страница (определение набора фреймов)
<frameset rows="100%,*" border="0">
<frame src="index_frame.html" scrolling="auto" frameborder="0">
<noframes>
<body lang=en>Your browser does not support framesets.</body>
</noframes>
</frameset>
'index_frame.html' (внутренняя страница):
</html>
<style type="text/css">
body {
margin: 100px
}
.button {
padding: 20px;
margin: 20px;
border: solid black;
border-radius: 10%;
background: lightblue;
}
</style>
<script>
var docElem = document.documentElement,
openFullscreen = function() {
if (docElem.requestFullscreen) {
docElem.requestFullscreen();
} else if (docElem.mozRequestFullScreen) { /* Firefox */
docElem.mozRequestFullScreen();
} else if (docElem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
docElem.webkitRequestFullscreen();
} else if (docElem.msRequestFullscreen) { /* IE/Edge */
docElem.msRequestFullscreen();
}
};
</script>
<body>
<a href="javascript:openFullscreen()" class="button">full screen</a>
</body>
</html>
Нажатие на кнопку (попытка войти в полнокадровый режим) приводит к следующей ошибке):
Uncaught (в обещании) TypeError: ошибка полного экрана в openFullscreen (index_frame. html: 21) at: 1: 1
Что необходимо добавить для отображения внутренней страницы в полнокадровом режиме? Любое решение? Полноэкранный режим работает, если инициирован с главной страницы (но это не вариант для меня)
Большое спасибо за любые мысли, решения ...