The most reliable way to show a video on your Rise Vision display is to use the Video Full Screen Template.
But what if you want to show a video that’s only available online, or your video is actually being streamed live? It’s possible to embed most web content onto a Rise Vision display using the blank template, but there are two things you need to know first:
- Embedding permissions are controlled by the content owner, so not all videos or streams can be embedded.
- Since the content is being embedded into Rise Vision from somewhere else, advertisements from the content owner may appear.
Before you begin, it may help to know how to create content from a blank template. This article will only cover what you need to embed a video.
Here’s a quick video that goes over the whole process. Step-by-step instructions are below.
Step 1: Create your presentation.
Start by creating a presentation from a Blank template. To do that, go to Presentations, click on “Add from Template”, and then search for “Blank”.
Step 2: Create your placeholder.
Click “Add Placeholder”, then position and size your placeholder.
Step 3: Add the HTML Widget.
In your placeholder’s Playlist, click on “Widgets” and then add the HTML Widget.
Step 4: Get your Embed code.
Find the video you want to embed, and obtain its embed code. Usually you can do this by clicking “Share” and choosing “Embed”.
The embed code should begin with “<iframe” and end with “</iframe>”. Highlight the whole embed code and copy it.
Step 5: Paste the Embed Code.
In the HTML widget, paste the embed code between the <body> and </body> tags.
Step 6: Enable Autoplay and resize the content.
Lastly, enable Autoplay and resize the content to fit your presentation. This will vary a bit from service to service, but here’s a sample embed code from YouTube:
<iframe width="560" height="315" src="https://www.youtube.com/embed/SOME_VIDEO_ID_NUMBER" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
We need to change the width and height, and add autoplay to the src
<iframe width="1920" height="1080" src="https://www.youtube.com/embed/SOME_VIDEO_ID_NUMBER?autoplay=true" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Sometimes you may see scroll bars on the sides of your video after doing this. If you do, you can just make your placeholder bigger like you did in step 2 until the scroll bars disappear.
All that’s left to do is to save and publish your presentation.
Now that your presentation is ready, you can add it to your schedule to start sharing it!