Embedding content, Media, Shortcodes

Embedding 360° photos and Virtual Reality (VR) Content

WordPress.com supports embedding 360° photos via the following shortcode:

[vr url=path-to-photo.jpg view=360]

You can add a shortcode to any page or post using a shortcode block.

This will embed the 360° photo in a viewer that lets users explore the image in the browser, via Google Cardboard, or using VR headsets like Oculus Rift, HTC Vive, or Google Daydream. Here’s an example:

In addition to embedding 360° photos, you can embed your panorama photos in the same viewer. This will allow a more cinematic experience where you can explore your panoramas big in a VR headset. To do that you need to add the following to the shortcode:

[vr url=path-to-photo.jpg view=cinema]

Here’s how that looks:

How to take 360° Photos

You can take your own 360° photos in a number of ways. The easiest, probably, is to download the right camera app for your smartphone. The Google Street View app, for example (available for Android and iOS), lets you point your camera all around you to stitch together a “photosphere”, which is the same as a 360° photo. Other popular 360 apps include Panorama 360.

You can also use dedicated hardware such as the Ricoh Theta to take 360° photos with a single click.

↑ Table of Contents ↑

360° Video (beta)

We currently support embedding of 360° videos as an experimental beta feature. Uploading of 360° video content requires a Premium or Business WordPress.com plan with VideoPress support. Playback of 360° videos is supported in all browsers except iOS Safari and experimental Chrome.

To embed 360° video, upload the 360° video to your VideoPress enabled site, launch the video in the VideoPress player and select the share option, copy the videopressguid (that’s the id listed after https://videopress.com/v/ in the share dialog), and then embed the video using the following shortcode:

[vr guid=videopressguid view=360]

↑ Table of Contents ↑

Future Versions

We are continuously working to expand the VR embedding support on WordPress.com, as well as bringing it to Jetpack.

The VR features work well on mobile devices, iOS and Android. On desktop browsers, web VR is still in its infancy, and at the moment headsets like the Oculus Rift and HTC Vive require experimental browser builds. Eventually, these features should appear in stable versions of the common browsers.

Not quite what you're looking for?

Get Help