How to use Point Hotspot Video Components with Polygon Hotspots
Posted: Tue Mar 03, 2020 9:13 pm
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:
Add the Polygon Hotspot to your panorama.
All that is needed for a YouTube video is the actual video ID which is:
In the below screenshot please see 1, it is placed in the Description text field.
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.
Select the Point Hotspot Template, ht_video_youtube, and copy its actions:
Paste them into the container, YouTube.
The Hotspot Template can now be deleted.
The Set Value action need to be edited:
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.
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
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/lQ0fKOpow14All that is needed for a YouTube video is the actual video ID which is:
Code: Select all
lQ0fKOpow14- 1.png (26.26 KiB) Viewed 6424 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 6424 times
Select the Point Hotspot Template, ht_video_youtube, and copy its actions:
- 3.png (27.84 KiB) Viewed 6424 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 6424 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 6424 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