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]
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.
You can also use dedicated hardware such as the Ricoh Theta to take 360° photos with a single click.
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]
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.