Embed the Panoramic Facility Tour on your website
Everything you need to add our immersive 360° Panoramic Facility Tour to any page on your site. The tour is hosted by Pix Videos, so there is nothing to install and nothing to maintain on your side.
Pick a layout
Choose between the responsive layout and the full-width fixed-height layout shown below.
Copy the HTML
Use the Copy button on the matching snippet. No downloads, no JavaScript libraries, no API keys.
Paste it in
Drop it into the HTML of the page where you want the tour to appear. You are done.
Responsive layout, 16:10
The tour fills the width of its container and keeps a 16:10 proportion at any screen size. Best default when the tour sits alongside other content on a page.
<div style="position:relative; width:100%; aspect-ratio:16/10; overflow:hidden; border-radius:12px;">
<iframe
src="https://www.pix-videos.com/panoramic-tour/"
style="position:absolute; inset:0; width:100%; height:100%; border:0;"
loading="lazy"
allow="fullscreen; xr-spatial-tracking; accelerometer; gyroscope; magnetometer"
allowfullscreen
referrerpolicy="strict-origin-when-cross-origin"
title="Panoramic Facility Tour"
></iframe>
</div> Full width, fixed height
The tour takes the full width of its container at a fixed height. Use this when the tour is the main content of the page, or when you want a taller, more immersive presentation.
<iframe src="https://www.pix-videos.com/panoramic-tour/" width="100%" height="720" style="border:0; border-radius:12px;" loading="lazy" allow="fullscreen; xr-spatial-tracking; accelerometer; gyroscope; magnetometer" allowfullscreen referrerpolicy="strict-origin-when-cross-origin" title="Panoramic Facility Tour" ></iframe>
height="720"
attribute. A value between 600 and 800 usually works well on desktop.
What you should know
A few practical details about how the embed behaves once it is on your site.
No installation needed
The tour loads directly from
pix-videos.com.
You do not need to add any JavaScript library or configure API keys.
Responsive on every device
Both layouts work on desktop, tablet, and mobile. The tour itself adapts to the available space.
Lazy loaded by default
The
loading="lazy"
attribute makes sure the tour only downloads when a visitor scrolls
near it, so it will not slow down your page.
Fullscreen enabled
Keep the
allow
and
allowfullscreen
attributes in place so visitors can expand the tour to full screen.
Always up to date
When we update the tour, your embed picks up the new version automatically. Nothing to redeploy on your side.
Served over HTTPS
The tour is served over a secure connection, so embedding it will not trigger mixed-content warnings on your HTTPS site.
If the tour does not load on your page
The embed works out of the box on most sites. If the iframe stays blank or the browser shows an error, one of these four settings on your side is usually the cause.
Your page must be served over HTTPS
The tour is delivered from
https://www.pix-videos.com.
If you embed it on a page served over
http://,
the browser blocks it as mixed content. Serve your page over HTTPS and the
iframe will load normally.
Your Content Security Policy must allow our domain
If your site sends a
Content-Security-Policy
header, the
frame-src
directive needs to include
https://www.pix-videos.com.
Without it, the browser refuses to render the iframe.
Keep fullscreen and motion sensors enabled
The
allow
attribute on the iframe opts the tour into fullscreen, gyroscope, and
accelerometer. If your page sends a
Permissions-Policy
header that blocks any of these, the matching feature will stop working
inside the tour.
Third-party cookies may be blocked
Safari and Firefox restrict cookies inside cross-site iframes by default, and Chrome is phasing them out. The tour itself does not need cookies to play, so visitors will see the experience correctly. No action is required on your side.
Need a different size, layout, or something custom?
Tell us what you need and we will tailor the embed to your page. We are happy to help.