How to use Point Hotspot Video Components with Polygon Hotspots

[Hopki]

One of the questions we get asked is can you use the Point Hotspot popup components with Polygon Hotspots.

Let's look at the YouTube video component.
First, you need the YouTube Video URL, in this example, I am using a video of the "Blue Danube".
The URL is:

Code: Select all

https://youtu.be/lQ0fKOpow14

Add the Polygon Hotspot to your panorama.
All that is needed for a YouTube video is the actual video ID which is:

Code: Select all

lQ0fKOpow14

In the below screenshot please see 1, it is placed in the Description text field.

1.png (26.26 KiB) Viewed 6414 times

So the Skin knows this Polygon will open a YouTube video I have changed the ID to "YT" (YouTube). This ID will be used in the skin. The ID can be anything you want but I am using YT.

As you can see setting up the Polygon Hotspot is quite straightforward and you can add as many YouTube Polygon Hotspots as you want, just make sure they all use the same ID, YT.
In fact, the attached project has two YouTube videos.

In the skin add a container.
For this project, I am using the skin ID "YouTube" for the container.
Then add the YouTube component.

2.png (32.16 KiB) Viewed 6414 times

Select the Point Hotspot Template, ht_video_youtube, and copy its actions:

3.png (27.84 KiB) Viewed 6414 times

Paste them into the container, YouTube.
The Hotspot Template can now be deleted.

The Set Value action need to be edited:

4.png (34.78 KiB) Viewed 6414 times

The placeholder needs to be changed from $(hu) to $(hd).

The last thing to do is set up the Hotspot Proxy ID so the container, YouTube, links to the Polygon Hotspot.
This sounds complicated but all this means is you enter the Polygon Hotspots ID into the Hotspot Proxy ID text field of the container.

5.png (17.84 KiB) Viewed 6414 times

What this means is when the Polygon Hotspot is clicked all the actions in the container will be actioned.
This is similar to the other Video components, with the path to the video in the description text field.
Regards,
Hopki

[SAlbert]

Thanks very much!

Could you add the possibility to display an image lightbox with the use of a polygon Hotspot?

I have a gallery show, where I would like to give the viewer the possibility to open the wall images additionally in a lightbox, but do not want to show an icon next to each image, therefore the polygon hotspot would be great.
It would be really great if there would be an easy way to do this.

Thanks!

[Hopki]

Hi,
You can build a lightbox clone type thing in the skin editor.
Have a look at this post: viewtopic.php?f=22&t=11216#p45957
Regards,