360 Panorama Video Embed

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

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

Praveen Kumar

I am a fullstack web developer with a passion for SEO, creating stunning websites, and organic marketing. I am a perfectionist.

Post navigation