You are not logged in.

Example: iframes (or any other html content) as distorted hotspot

klaus.krpano

Administrator

  • "klaus.krpano" started this thread

Posts: 13,499

  • Send private message

61

Thursday, October 11th 2018, 12:49pm

Quoted from "GIOLETS"

I ask if could be possible to have the feature in VR

Hi,

sorry, but that possibility doesn't depend on krpano, it depends on the browser and the available browser-APIs. Currently there is no API to bring an iframe (or any other html element) into WebGL.

Best regards,
Klaus

Tuur

Sage

Posts: 3,839

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Send private message

62

Thursday, May 2nd 2019, 3:46pm

Hi,

... never mind ...


Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

This post has been edited 2 times, last edit by "Tuur" (May 2nd 2019, 6:57pm)

lara.beer

Beginner

Posts: 3

  • Send private message

63

Tuesday, June 18th 2019, 11:12am

Hi there,


I'm a beginner and I already found much information here in the forum. I'd like to implement an iframe as distorted hotspot (not as layer) and it has to work on iOS devices. So I think anyhow it should be possible to merge the "overflow: scroll !important;-webkit-overflow-scrolling:touch !important;" (code that the height also works on iOS devices) with this code:


var iframe = document.createElement("iframe");
iframe.style.position = "absolute";
iframe.style.left = 0;
iframe.style.top = 0;
iframe.style.width = "100%";
iframe.style.height = "100%";
iframe.style.border = 0;
iframe.src = args[1];
caller.registercontentsize(args[2], args[3]);
caller.sprite.appendChild(iframe);


Does anyone know how I could do this?


I already tried to implement it with iframe.style.overflow = "scroll !important;-webkit-overflow-scrolling:touch !important;";
but that didn't work (probably because it's completely wrong x) )




Best regards

rejentt

Trainee

Posts: 58

  • Send private message

64

Friday, February 26th 2021, 10:06am

Hello,
I would like to note that interaction with youtube player doesn't work properly on Android 10 and chrome v.88.04324. It looks like that something wrong wirg touch events. Interesting thing if distoreted is false then interaction works great.. but youtbe player is not matched to pano ;// Do you have any suggestion how to fix it?

Greetings!

Similar threads