360 Panorama Video Embed

Worried about licensing?

Do you have right license for your templates and fonts?

Head over to our partner Envato Elements and unlock unlimited downloads of over 50 million digital assets with full commercial licensing.

  • 50+ Million Assets with Unlimited Downloads
  • Templates, Addons, Fonts, Footage, Photos, Brushes, Presets & More
  • Full Commercial licensing for client work

Get ultimate peace of mind!

Get Started Now
Image: 360 Panorama Video Embed GIF

Do you have a 360 panorama video you have recently taken on your smartphone or camera and do you want to showcase that on your webpage? You are in luck as this snippet using three.js can help you embed that video on your webpage, you can also interact with it by clicking and dragging to look at different perspective in the video.

You can add your own video by editing the video.src = in the javascript file on line 143. If you are having trouble with the pen, try the archived copy on GitHub

360 Video Snippet

See the Pen 360° Video by Sanchezliu (@sanchez3) on CodePen.0

Posted by:Saijo George

Digital Marketer with a strong focus on technical SEO and design. One of the top 100 makers on Producthunt, co-organizer of the SEO Meetup in Melbourne, an instructor at General Assembly. Worked with brands like Envato, AEON. Currently the SEO Strategy Director at Supple.