search

mirari / vue-fullscreen

A simple Vue.js component for fullscreen
MIT License
439 stars 50 forks source link

Fullscreen close when i navigate between pages.. #28

Closed EpitechGuo closed 3 years ago

EpitechGuo commented 3 years ago

as title, fullscreen closed once i navigate to other pages

EpitechGuo commented 3 years ago

it works only in single page ?

mirari commented 3 years ago

It's closed by the browser, try to use iframe.

Note: Navigating to another page, changing tabs, or switching to another application using any application switcher (or Alt-Tab) will likewise exit full-screen mode.

https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API

EpitechGuo commented 3 years ago

It's closed by the browser, try to use iframe.

Note: Navigating to another page, changing tabs, or switching to another application using any application switcher (or Alt-Tab) will likewise exit full-screen mode.

https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API

有没有什么例子能给我借鉴一下的吗？怎么用上 <iframe />

mirari commented 3 years ago

It's closed by the browser, try to use iframe.

Note: Navigating to another page, changing tabs, or switching to another application using any application switcher (or Alt-Tab) will likewise exit full-screen mode.

https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API

有没有什么例子能给我借鉴一下的吗？怎么用上 <iframe />

https://codepen.io/mirari/pen/VwjyKPL

codepen的预览自己就在iframe里，所以例子两种方式都不会退出全屏

EpitechGuo commented 3 years ago

It's closed by the browser, try to use iframe.

Note: Navigating to another page, changing tabs, or switching to another application using any application switcher (or Alt-Tab) will likewise exit full-screen mode.

https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API

有没有什么例子能给我借鉴一下的吗？怎么用上 <iframe />

https://codepen.io/mirari/pen/VwjyKPL

codepen的预览自己就在iframe里，所以例子两种方式都不会退出全屏

谢谢！那除了iframe还有没有别的方法呢？我的网站(Nuxt Vue)已经全部搭建好了 加上iframe的话要改的东西太多了…有没有别的路子？

EpitechGuo commented 3 years ago

It's closed by the browser, try to use iframe.

Note: Navigating to another page, changing tabs, or switching to another application using any application switcher (or Alt-Tab) will likewise exit full-screen mode.

https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API

有没有什么例子能给我借鉴一下的吗？怎么用上 <iframe />

https://codepen.io/mirari/pen/VwjyKPL

codepen的预览自己就在iframe里，所以例子两种方式都不会退出全屏

而且我的印象里iframe都是用来取别的网页，总不能把网页全部包在iframe里面吧 不可行的呀

mirari commented 3 years ago

就是把网页全部包在iframe里面，外层就是一个简单的壳，只负责显示内部内容。这模式也不少见，很多H5游戏都是套了好几层的iframe。 我想不到别的方法了，这是浏览器策略。