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
All that is needed for a YouTube video is the actual video ID which is:
Code: Select all
lQ0fKOpow14
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