Restrict Vimeo Video Domain Embeds
Restricting access to embedding videos is a subject we are often asked here at AppPresser.
You put many hours into creating training courses, guides, tutorials or even keynote talks and learning the WordPress plugins to set everything up. The last thing you want to think about is someone copying the website URL to your material and passing it off as their own. Creating the need to restrict the number of website domains that are allowed to embed your videos. Vimeo is popular video service which offers the functionality needed.
However, the issue is this: How do you allow your application to allow embeds when the application does not have a direct URL address? We have a solution.
The Workaround
The solution is to use a subdomain/sub folder of your website to host a file that receives a little bit of information. That information is taken and used to build the video embed you wish to display on your application.
- Create a subdomain/sub folder on your website. Example: video.yoursite.com or yoursite.com/video
- Create a folder on the subdomain that will host 1 file called player.
- Download the Vimeo file we have provided for you.
- Upload the file to your "player" folder on the subdomain/sub folder
- Now use the following iFrame code to embed the video player on one of your pages inside of your AppPresser application
<iframe src="https://video.apppresser.com/player/vimeo?m=VIMEOID"></iframe>
What you are doing here is passing the vimeo video ID to the page you created on the subdomain/sub folder. That information is then being used to load the video in the proper embed code - and then displayed in your app using the iframe code.
NOTE: When you create your subdomain - you're going to want to create a .htaccess file to make sure you force the site to load over HTTPS instead of HTTP. Your SSL should be set up for wildcard access to allow anything using a subdomain to be included with the SLL certificate.