Michael_Walkling

Hello All,

I am have the same issue as Peter_P above:

In my Squarespace settings, it says the domain is "connected". The SSL certificate status is "Processing". It might be a case of waiting for 72 hours for the SSL to Process, BUT the message "This website is pending domain owner verification" leads me to believe that I am required to verify the domain. Like Peter_P, I cannot see where I need to verify it? There are no error messages present on my domain providers website.

Could anyone please let me know, is it just a case of waiting 72 hours, or am I required to do anything at this point? Thank you in advance!

Thank you for your reply, Paul. The issue sorted itself out in the end. Just checked and the website is appearing as it should using the connected domain. I guess it takes a couple of hours for these things to process.

It says "not secure" in my browser window, and the SSL is still being processed. I'm guessing this issue will be resolved after 72 hours.

Thanks again.

Thank you Paul. This is really helpful. I've added an additional line of code to reset the video on mouseout:
<script> myVideo = document.querySelector('video'); function hoverVideo(e) { myVideo.play(); } function hideVideo(e) { myVideo.pause(); myVideo.currentTime = 0; } myVideo.addEventListener('mouseover', hoverVideo, false); myVideo.addEventListener('mouseout', hideVideo, false); </script> Thanks again. This is exactly what I require.

The WP page you mentioned contains some short mp4 videos, Some JavaScript is then used to play them on mouseover and stop them on mouseout.  Although this isn't a built-in feature on Squarespace, a developer could achieve this with some mp4 videos and some code 🙂
As a simple example, if I add that same video to a Code Block on a site and add some simple JS, I can achieve the same thing. For example, see https://recordit.co/9ANEZX11oc

It was a very simplistic example, added to Settings > Advanced> Code Injection > Footer:
<script>   myVideo = document.querySelector('video');   function hoverVideo(e) {       myVideo.play();   }   function hideVideo(e) {     myVideo.pause();    }   myVideo.addEventListener('mouseover', hoverVideo, false);   myVideo.addEventListener('mouseout', hideVideo, false); </script>