If you have any questions, get in touch with us either using the chat widget in the bottom right or by emailing us at support@spotlightr.com We will gladly assist you in facilitating the migration process on your platform.

Video share links & watch pages

All of the links you've shared using 4.1 version can simply be replaced by changing the "/publish" portion of the URL with "/watch", so for example:

https://me.cdn.spotlightr.com/publish/MzExNTUy

can be replaced as:
https://me.cdn.spotlightr.com/watch/MzExNTUy


Keep in mind that soon we will update all of these and redirect them to 4.2 links.


Embedded Players

If you have a lot of videos embedded on your site we've prepared a script which can help you update all of the players with one go. Simply place the following code anywhere before the player embed code. If you can, placing it in the head element or just after opening body would be ideal.

<script>
var domain, newDomain = "spotlightr.", observeDOM = function () {
var e = window.MutationObserver || window.WebKitMutationObserver;
return function (t, a) {
t && 1 !== !t.nodeType && (e ? new e(function (e, t) {
a(e)
}).observe(t,
{
childList: !0,
subtree: !0
}) : window.addEventListener && (t.addEventListener("DOMNodeInserted", a, !1), t.addEventListener("DOMNodeRemoved", a, !1)))
}
}(),
handleSrcChange = function (e) {
if (e && e.tagName && "SCRIPT" === e.tagName.toUpperCase()) {
if(e.src !== "" && e.src.includes(newDomain)) {
domain = new URL(e.src);
e.src = e.src.replace(/vooplayer./g, newDomain);
}
}
if (e && e.tagName && "IFRAME" === e.tagName.toUpperCase()) {
if (domain) {
e.src = domain.origin + '/watch/' + e.getAttribute("data-playerId");
}
if(!domain) {
if(e.src !== "" && e.src.includes(newDomain)) {
domain = new URL(e.src);
e.src = domain.href.replace(/publish/g, "watch");
}
}
e.setAttribute("class", e.getAttribute("class").replace(/vooplayer/g, "spotlightr"));
e.setAttribute("name", e.getAttribute("name").replace(/vooplayerframe/g, "videoPlayerframe"));
}
};
observeDOM(document.getElementsByTagName("body")[0], function (e) { for (var t = 0; t < e.length; t++) { var a = e[t]; if (a.addedNodes.length) for (var n = 0; n < a.addedNodes.length; n++) { var r = a.addedNodes[n]; handleSrcChange(r) } } });
</script>

Wordpress

Making this change in Wordpress is quick and easy. You can add the script above into your header.php file, though we recommend you use a plugin to do this. If you decide to add it manually, please ensure it's done to the child theme.

Additionally, if you are using a builder like Divi, or Thrive, or Elementor, etc. these usually offer a "Script / Analytics" section where you can place codes, which would be the recommended place to do so.

Using a plugin

First install the Header & Footer plugin. Then add the code above to Every page .


Did this answer your question?