在Javascript中实现与全屏相反的
在Javascript中实现与全屏相反的
提问于 2016-05-31 12:34:55
我使用这段代码来实现按钮在全屏上，它的工作很好。我想做相反的事，我怎么能做到呢？谢谢你的帮助。
<button type="button" id="full-screen" class="full-screen">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32">
<path d="M32 0h-13l5 5-6 6 3 3 6-6 5 5z"></path>
<path d="M32 32v-13l-5 5-6-6-3 3 6 6-5 5z"></path>
<path d="M0 32h13l-5-5 6-6-3-3-6 6-5-5z"></path>
<path d="M0 0v13l5-5 6 6 3-3-6-6 5-5z"></path>
</svg>
</button>JavaScript var fullScreenButton =document.getElementById(“全屏”)；
// Event listener for the full-screen button
fullScreenButton.addEventListener("click", function()
{
if (player.requestFullscreen)
{
player.requestFullscreen();
}
else if (player.mozRequestFullScreen)
{
player.mozRequestFullScreen(); // Firefox
}
else if (player.webkitRequestFullscreen)
{
player.webkitRequestFullscreen(); // Chrome and Safari
}
});回答 2
Stack Overflow用户
回答已采纳
发布于 2016-05-31 12:39:30
您可以使用此函数：
function exitFullscreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
}
}Stack Overflow用户
发布于 2016-05-31 14:09:27
以我为例的答案。
// Event listener for the full-screen button
fullScreenButton.addEventListener("click", function()
{
if (player.requestFullscreen)
{
player.requestFullscreen();
}
else if (player.mozRequestFullScreen)
{
player.mozRequestFullScreen(); // Firefox
}
else if (player.webkitRequestFullscreen)
{
player.webkitRequestFullscreen(); // Chrome and Safari
}
});
// Event listener for the full-screen button
normalScreenButton.addEventListener("click", function()
{
if(document.exitFullscreen)
{
document.exitFullscreen();
}
else if(document.mozCancelFullScreen)
{
document.mozCancelFullScreen();
}
else if(document.webkitExitFullscreen)
{
document.webkitExitFullscreen();
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37545929
复制相关文章
相似问题
腾讯云开发者
