This will require Builder privileges for setup and implementation.
When you are Embedding a video source such as YouTube there are some different configurations that you will need to set. Depending on the security settings of the site the setting will differ. We will be using the IFRAME Panel to embed a YouTube video. First, we need to get the iFrame URL that YouTube provides. To get that link you need to find the Share link and choose Embed.
Single URL
Find the URL and pull it out should look like this: https://www.youtube.com/embed/h0hC91JjAow.
Now we can take that URL and put it into our IFrame Panel under the URL.
Next, we need to uncheck everything but except the following iFrame Sandbox Settings.
- Allow Scripts
- Allow SAME-ORIGIN
Click OK and your video should be embedded.
Multiple URL
In some instances, you might have a library of videos that you would like to embed and allow your user to switch between. Create a chart that will hold your URL for the videos. For my instance, I am going to create a tabular chart with Name, Description, Time, Url.
Now create your dashboard and add your chart you created and you will now need to set up the dashboard parameter. On the top left side of the toolbar click Dashboard Parameters.
Click on the plus icon in the bottom left of the dialog box. You are going to enter the same test and format of the Url you had in your chart (this is case sensitive). Keep the label and name the same for simplicity entering in Url and Url into these two fields. In the Default Value field, you will need to enter the video you want to appear first on load.
Next, we need to add our iFrame Panel to the dashboard.
Now in the URL section, we will add our parameter macro: ${ueparam:Url}
Next, we need to uncheck everything but except the following iFrame Sandbox Settings.
- Allow Scripts
- Allow SAME-ORIGIN
In the end, it should look like the following.
Press the OK button and test your dashboard.
For More Information:
- Dashboard & Chart Design Articles
- Embedding iDashboards into an iFrame
- iDashboards Builder Manual 8 Designing Charts
- iDashboards Builder Manual 6.17.4 IFRAME Panel
- iDashboards Admin Manual15.4 Embedded Viewer Mode
- Previously Read: iFrame Panel
- Read Next: iFrame Panel: Google Maps OR iFrame Panel: Weather Panel
If the above is unable to resolve the issue, then please contact truOI Support for further assistance.
Comments
0 comments
Please sign in to leave a comment.