# Open full-screen video in image tracked scene

**URL:** <https://forum.8thwall.com/t/open-full-screen-video-in-image-tracked-scene/894>\
**Category:** Technical Support\
**Tags:** video\
**Created:** [March 27, 2024, 3:07pm UTC](https://forum.8thwall.com/t/open-full-screen-video-in-image-tracked-scene/894 "2024-03-27T15:07:00Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Studio\_VPP](https://avatars.discourse-cdn.com/v4/letter/s/4af34b/32.png) [@Studio\_VPP](https://forum.8thwall.com/u/Studio_VPP)\
**Post date:** [March 27, 2024, 3:07pm UTC](https://forum.8thwall.com/t/open-full-screen-video-in-image-tracked-scene/894/1 "2024-03-27T15:07:00Z")

</div>

It it possible to expand a video within an image tracked scene to full-screen? And then minimize to go back to the AR experience?

The experience is a poster that has a set of image trackers on it, a couple of them auto playing videos / looping poster graphics, and one main video that shows up with a tappable thumbnail. I’ve placed a button in the experience as well, and would like the user to be able to tap the button to expand the main video into a full-screen non-AR experience. And then ideally, they could minimize the video and pick up the image trackers again. Any tips on how I should approach that? Thank you!

---

<div class="post-metadata">

**Author:** ![Ian](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/ian/32/430_2.png) [@Ian](https://forum.8thwall.com/u/Ian)\
**Post date:** [March 27, 2024, 6:04pm UTC](https://forum.8thwall.com/t/open-full-screen-video-in-image-tracked-scene/894/2 "2024-03-27T18:04:30Z")

</div>

iOS doesn’t fully support full-screen mode in browsers, except potentially through Progressive Web Apps (PWAs), which then require launching from the home screen. Therefore, aiming for full-screen experiences might not be advisable due to inconsistent support across operating systems.

However, you can implement a semi-full screen video for certain functionalities, such as when you need a video to play over your scene. When the xrimagefound event is triggered, or whenever you wish to start a video, you could initiate playback of a video within a 2D overlay (div) over the a-frame scene. Additionally, incorporate logic that allows users to exit this mode smoothly.

---

<div class="post-metadata">

**Author:** ![Studio\_VPP](https://avatars.discourse-cdn.com/v4/letter/s/4af34b/32.png) [@Studio\_VPP](https://forum.8thwall.com/u/Studio_VPP)\
**Post date:** [March 27, 2024, 6:34pm UTC](https://forum.8thwall.com/t/open-full-screen-video-in-image-tracked-scene/894/3 "2024-03-27T18:34:13Z")

</div>

Okay great, thank you for the reply. I’ll explore that further.

---

<div class="post-metadata">

**Author:** ![rama\_rambudiarto](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/rama_rambudiarto/32/1675_2.png) [@rama\_rambudiarto](https://forum.8thwall.com/u/rama_rambudiarto)\
**Post date:** [March 27, 2024, 6:46pm UTC](https://forum.8thwall.com/t/open-full-screen-video-in-image-tracked-scene/894/4 "2024-03-27T18:46:28Z")

</div>

/\* Function to open fullscreen mode _/  
function openFullscreen() {  
if (elem.requestFullscreen) {  
elem.requestFullscreen();  
} else if (elem.webkitRequestFullscreen) { /_ Safari _/  
elem.webkitRequestFullscreen();  
} else if (elem.msRequestFullscreen) { /_ IE11 \*/  
elem.msRequestFullscreen();  
}  
}

you can try this but you need create button trigger open fullscreen image