Disable hover state on video block

Site URL: https://www.hayleyburns.ca/profile

I've managed to get an auto play looping video block using Wistia. I'm happy with how it's working but wondering if there's any way to disable the hoverstate on it so that the Wistia logo doesn't appear every time someone mouses over. 

I only have a free Wistia account and don't want to pay $99 USD/month just for this one video. I don't mind if the logo appears on click, but on hover it's quite distracting, so I though removing the hover could be a good workaround, but I don't know any code.

I'm using the York template.

Any help would be much appreciated!

On 9/9/2021 at 11:22 PM, haylburns said:

Site URL: https://www.hayleyburns.ca/profile

I've managed to get an auto play looping video block using Wistia. I'm happy with how it's working but wondering if there's any way to disable the hoverstate on it so that the Wistia logo doesn't appear every time someone mouses over. 

I only have a free Wistia account and don't want to pay $99 USD/month just for this one video. I don't mind if the logo appears on click, but on hover it's quite distracting, so I though removing the hover could be a good workaround, but I don't know any code.

I'm using the York template.

Any help would be much appreciated!

Hi,

The only way is disable hover on video.

Add to Design > Custom CSS

iframe[src*="wistia"] {
    pointer-events: none;
}