360 Panorama Video Embed

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.