Ну, я думаю, что это серьезная ошибка Youtube, но я не могу найти отчета об этом.
У меня есть веб-приложение, которое отображается в полноэкранном браузере с использованием полноэкранного API JavaScript.
В веб-приложении есть встроенный проигрыватель Youtube. Когда вы открываете плеер Youtube в полноэкранном режиме, затем снова нажимаете кнопку полноэкранного просмотра Youtube, чтобы выйти из полноэкранного режима проигрывателя, он не отвечает!
Я уверен, что это связано с тем, что браузер уже находится в полноэкранном режиме, поэтому есть какой-то конфликт.
Я создал упрощенный пример, который можно посмотреть здесь: http://run.plnkr.co/CjrrBGBvrSspfa92/
- Нажмите кнопку "GO FULLSCREEN".
- Воспроизведите видео и нажмите полноэкранный режим. Видео будет полноэкранным.
- Нажмите полноэкранную кнопку. Он не выйдет.
EDIT: Код для html файла выше:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<iframe width="560" height="315" src="https://www.youtube.com/embed/b-6B2zyoFsI" frameborder="0" allowfullscreen></iframe>
<button id="btn">GO FULLSCREEN</button>
<script type="text/javascript">
document.getElementById("btn").addEventListener("click", function() {
var elem = document.documentElement;
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.msRequestFullscreen) {
elem.msRequestFullscreen();
} else if (elem.mozRequestFullScreen) {
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
elem.webkitRequestFullscreen();
}
});
</script>
</body>
</html>