I have had some trouble with adding hotspots for a bit. I only wanted a single hotspot, so i hardcoded it as JSON within pannellum.js .

It never showed up, BUT after i set positioning on hotspot class to absolute it popped right up.

Here’s the weird part:
Rotating the image counter-clockwise (dragging mouse from the center to the left, it’s all a matter of perspective anyway) keeps the hotspot correctly in place, however, rotating it clockwise, the hotspot seems to remain in a fixed position on the screen instead of a fixed position according to the image.

Could this be the result of having it as position:absolute?
Any ideas what i could do?

It’s definitely possible. If one uses a loop to run “renderer.setImage(VIDEO_FRAME)” each frame where VIDEO_FRAME is the video frame, it should work. Although, I’m not sure how efficient that is. I’ve seen an HTML5 equirectangular video viewer before, so I would take a look at it and see how it works.