---
title: VR Viewer
description: Create dynamic, interactive ad units with our VR Viewer Component, utilizing 360 video and panoramic images!
---
[Skip to content](https://help.adventive.com/en/knowledge/component-vr-viewer-virtual-reality-panoramic-video#main-content)
[.svg)](https://adventive.com)
Open main navigation
Close main navigation
Hello. How can we help?
- There are no suggestions because the search field is empty.
1. [Knowledge Base](https://help.adventive.com/en/knowledge)
2. [Building Ads](https://help.adventive.com/en/knowledge/building-ads)
3. [Rich Media Components](https://help.adventive.com/en/knowledge/building-ads#rich-media-components)
# VR Viewer
## Create dynamic, interactive ad units with our VR Viewer Component, utilizing 360 video and panoramic images!
**Resources:**
[Explore our Ad Gallery for examples of this component](https://adventive.com/html5-ad-gallery/?jsf=jet-engine:jet-smart-filters&meta=included-components!is_custom_checkbox:VR%20%2F%20360%20Video)
**In this article, you will learn:**
[How to Add the VR Viewer Component](https://help.adventive.com/en/knowledge/component-vr-viewer-virtual-reality-panoramic-video#Add)
[How to Configure the VR Viewer Component Properties](https://help.adventive.com/en/knowledge/component-vr-viewer-virtual-reality-panoramic-video#Configure)
**Also see more info here:**
[https://www.sitepoint.com/embedding-virtual-reality-across-the-web-with-vr-views/](https://www.sitepoint.com/embedding-virtual-reality-across-the-web-with-vr-views/)
[https://developers.google.com/vr/concepts/vrview-web](https://developers.google.com/vr/concepts/vrview-web)
### How to Add the VR Viewer Component
1. Once you’ve created your ad, click on the Components icon  on the left side of the builder, and select *VR Viewer (at the bottom)*.
2. A placeholder will appear on the ad canvas and can be moved/resized anywhere on the canvas:
### How to Configure the VR Viewer Component Properties
1. With the placeholder selected on your canvas, you’ll see the VR Viewer Properties appear to the right of the builder:
2. **Choose Image Type** – Choose 3D or 2D from the dropdown.
3. **If “2D” is selected, the following fields will show for selection:**
****
4. **Asset File** – click in this field to upload your panoramic image or video file (Image/Video will show in the VR Viewer Placeholder and will automatically Autopan when previewed).
5. Once the asset is loaded, it will show in the placeholder (you can resize, etc.):
**If "3D" is selected, the following fields will show for selection:**
****
- **Disable Autopan** – (deselected by default) selecting this will keep the initial image loaded, and the user can manually click and drag the panoramic image/video to view.
- **Disable VR Mode Button** – (deselected by default) – if de-selected, and you have uploaded a video file, a viewfinder icon will show (next to the full screen icon) on mobile ads, which will disable the VR mode:
- **Full Screen icon** – Click the eyeball tool  in the left side tools panel to [Preview](https://help.adventive.com/en/knowledge/previewing-ads) your ad unit. Once in preview, clicking on the bracketed box icon to the right of your mute button will show the video in full screen mode.
- **Pause/Play icon** – Once in preview mode, if a video file is used, the pause/play icon will allow users to pause or play the video:
Add any other assets to the ad, [Preview,](https://help.adventive.com/en/knowledge/previewing-ads) and **Save.**
- [Account settings](https://help.adventive.com/en/knowledge/account-settings)
- [Payments and billing](https://help.adventive.com/en/knowledge/payments-and-billing)
- [Advertisers](https://help.adventive.com/en/knowledge/advertisers)
- [Building Ads](https://help.adventive.com/en/knowledge/building-ads#main-content)
- [Builder Basics](https://help.adventive.com/en/knowledge/building-ads#builder-basics)
- [Ad Formats](https://help.adventive.com/en/knowledge/building-ads#ad-formats)
- [Rich Media Components](https://help.adventive.com/en/knowledge/building-ads#rich-media-components)
- [User initiated actions](https://help.adventive.com/en/knowledge/building-ads#user-initiated-actions)
- [Tools](https://help.adventive.com/en/knowledge/building-ads#tools)
- [Embedded Players](https://help.adventive.com/en/knowledge/building-ads#embedded-players)
- [Best Practices](https://help.adventive.com/en/knowledge/building-ads#best-practices)
- [Adventive Services](https://help.adventive.com/en/knowledge/building-ads#adventive-services)
- [Campaigns & Trafficking](https://help.adventive.com/en/knowledge/campaigns-trafficking#main-content)
- [Third Party Tracking](https://help.adventive.com/en/knowledge/campaigns-trafficking#third-party-tracking)
- [Ad Tags](https://help.adventive.com/en/knowledge/campaigns-trafficking#ad-tags)
- [Delivery Groups](https://help.adventive.com/en/knowledge/campaigns-trafficking#delivery-groups)
- [Reporting](https://help.adventive.com/en/knowledge/reporting#main-content)
- [Reports](https://help.adventive.com/en/knowledge/reporting#reports)
[.svg "Logo - Dark (1)")](https://adventive.com)
Copyright © 2026, Adventive Tech Inc
```json
{
"@context" : "https://schema.org",
"@type" : "VideoObject",
"contentUrl" : "https://2658568.fs1.hubspotusercontent-na1.net/hubfs/2658568/2022%20KB%20Updates%20-%20Builder%20Images/VR_Viewer2.mp4",
"dateModified" : "2022-03-31T15:44:33.648Z",
"duration" : "PT10S",
"height" : 1080,
"name" : "VR_Viewer2",
"thumbnailUrl" : "https://info.adventive.com/hubfs/2022%20KB%20Updates%20-%20Builder%20Images/VR_Viewer2.mp4/medium.jpg",
"uploadDate" : "2022-03-31T15:44:23.449Z",
"width" : 604
}
```