We are able to move all of your videos over to Spotlightr from Vimeo quickly and easily.
Here is a video demo of the process:
Requirements
For legacy Vimeo plans you will need to be on the Pro plan or higher. For current Vimeo plans you will need to be on the Standard plan or higher. If you are on a legacy Plus plan or current Starter plan, Vimeo does not give you the required access to the API for copying the videos over.
If you are on one of the required plans then you just need to change permissions for your videos. Here's how to do that..
First, you need to ensure that all of your videos have the correct Privacy settings in order for us to be able to access them via API.
To set the correct permissions in Vimeo, go to your video management page here: https://vimeo.com/manage/videos
Then select all of your videos and click on Privacy:
When the Privacy window appears, make sure all settings look like this so that link privacy, embed and downloads are public and available (comments don't matter).
If your videos are in multiple folders, you will need to set correct permissions for all videos in each folder.
Next, you need your Vimeo User ID number. To get that just go here: http://vimeo.com/settings/account
Copy your user ID number and save it somewhere:
Migrating Process
Once that is done, your videos are ready for migration. Keep in mind we are just copying videos over from Vimeo to Spotlightr. We are not deleting or changing anything in your Vimeo account.
Please note that if you are keeping your videos on Vimeo and want the same privacy settings as before, don't forget to go back and revert them back using the same bulk change.
In Spotlightr, within Add Videos of an existing or new Project, switch to the Migrate tab, select Vimeo from the drop-down list, and click on Get Videos.
Once you click that button, you will see a pop-up window. If for some reason you are logged out of Vimeo, it will ask you to log in. Then you'll need to give Spotlightr necessary permissions by clicking on the button Allow:
Then copy your Vimeo Access Token:
And paste it into the corresponding field. Now paste your Vimeo User ID into the corresponding field and click on Get Videos.
Depending on how many videos you have, it may take just a few seconds or a few minutes to bring up all of your videos. If you have hundreds of videos it may take up to 3 or 4 minutes to load them all.
By default, all videos from your Vimeo account will be selected. Just select which ones you want to move. The dropdown will show all folders in your account and all will be selected.
For example, if you have only 1 folder selected in the dropdown, then only the videos will show for that folder on the left. You can then unselect videos from that list if you don't want to migrate them. Or keep them all checked to migrate them.
If you check off a 2nd folder, then the videos from both folders will appear.
If you have hundreds of videos in your account, we recommend you uncheck folders to select only 1 or 2 folders at a time.
When you are ready to start importing them click on the button Import.
Once you do that, it will take some time to migrate them.
While migrating, your screen will be processing them one at a time. Please do not close that window.
As it progresses you will see them complete one at a time:
Once completely finished, you will see the message "Migration Completed".
If you have any problems or questions, please reach out to Support Team.
β
CSV Export for Changing Embed Codes
During the migration we record the video ID of the Vimeo videos and match it to the corresponding Spotlightr video IDs. And then we put that info in the project CSV that you can then export.
This information will help you when changing your embed codes on your website from Vimeo to Spotlightr. When you're on a page that has Vimeo embed code, just copy the video ID and search for it in the CSV file. Then you'll see the Spotlightr video ID for that video.
For example, your file will look like this:
Column D is the Vimeo video ID and column E is the corresponding Spotlightr video ID.
When you are replacing the Vimeo embed code for Video 1, you'll just remove that embed code and then paste in the Spotlightr embed code:
<div style="position:relative; width:1px; min-width:100%;padding-bottom:56.25%;"><iframe allow="autoplay" class='spotlightr' allowtransparency="true" style="width:1px; min-width:100%; height: 100%; position:absolute" allowfullscreen="true" src="https://billzimm.cdn.spotlightr.com/watch/XXXXXXXXX?fallback=true" frameborder="0" scrolling="no" name="videoPlayer"> </iframe></div>
Where you see XXXXXXXXX you replace that with the Spotlightr video ID, which in the case of Video 1 is: MTQ2NDQyMw==
So now your embed code is this:
<div style="position:relative; width:1px; min-width:100%;padding-bottom:56.25%;"><iframe allow="autoplay" class='spotlightr' allowtransparency="true" style="width:1px; min-width:100%; height: 100%; position:absolute" allowfullscreen="true" src="https://billzimm.cdn.spotlightr.com/watch/MTQ2NDQyMw==?fallback=true" frameborder="0" scrolling="no" name="videoPlayer"> </iframe></div>
Script - Swap Video on Page Load
We've also developed a script to help you in the process of moving from Vimeo to Spotlightr.
Just add this script to the <header> section of pages with Vimeo videos, or just add it site-wide, and when the page loads the script will search our database for the Vimeo video ID that is present in the embed code on that page. If it finds it then it switches out that video with the corresponding Spotlightr video.
Here's the script you add:
<script>(()=>{const e=e=>`https://videos.cdn.spotlightr.com/watch/${e}?fallback=true`,t=async t=>{const a=`https://api.spotlightr.com/fix/replaceWistia?altID=${encodeURIComponent(t)}`,r=await fetch(a,{credentials:"omit"});if(!r.ok)throw new Error(`lookup failed ${r.status}`);const o=await r.json();return o?.encodedSpotlightrID?e(o.encodedSpotlightrID):null},a=e=>{if(!e||"IFRAME"!==e.tagName)return!1;const t=e.getAttribute("src")||"";return/:\/\/player\.vimeo\.com\/video\/\d+/i.test(t)},r=e=>{try{const t=new URL(e,location.href).pathname.match(/\/video\/(\d+)/);return t?.[1]||null}catch{const t=(e||"").match(/\/video\/(\d+)/);return t?.[1]||null}},o=e=>"1"===e.dataset.spotlightrProcessed||e.classList.contains("spotlightr"),i=e=>{e.classList.add("spotlightr"),e.setAttribute("name","videoPlayer"),e.setAttribute("allow","autoplay; fullscreen; picture-in-picture"),e.setAttribute("allowfullscreen","true");const t=e.style;t.position||(t.position="absolute"),t.top||(t.top="0"),t.left||(t.left="0"),t.width||(t.width="100%"),t.height||(t.height="100%")},n=async e=>{if(!a(e)||o(e))return;const n=r(e.getAttribute("src")||"");if(!n)return;try{const r=await t(n);r&&(i(e),e.setAttribute("src",r),e.dataset.spotlightrProcessed="1")}catch(e){console.error("Spotlightr Vimeo inline replace error:",e)}},c=()=>{document.querySelectorAll('iframe[src*="player.vimeo.com"]').forEach(n)};"complete"===document.readyState||"interactive"===document.readyState?c():window.addEventListener("load",c,{once:!0});const d=new MutationObserver(e=>{for(const t of e)for(const e of t.addedNodes)1===e.nodeType&&("IFRAME"===e.tagName&&a(e)?n(e):e.querySelectorAll?.('iframe[src*="player.vimeo.com"]').forEach(n))});d.observe(document.documentElement,{childList:!0,subtree:!0})})();</script>













