Show text on hover over video but still allow video to play when clicked

Hi

I've added the following code to allow text to show when you hover over a certain image. This works great.

But when I use the same code for text over a video, the hover works, but I'm not able to play the video. Does anyone know if it's possible to have the text show on hover but still be able to play the video underneath?

Thanks

@media only screen and (min-width: 640px){
#block-yui_3_17_2_1_1679943741814_88486 {
opacity: 0;
 transition: opacity 1s
}

#block-yui_3_17_2_1_1679943741814_88486:hover {
opacity: 1;
transition: opacity 1s
}
}

Hi,

Can you share link to your site? We can check easier

Hello, wondering if this was solved, I'm having a similar issue and am a CSS newbie. Just trying to make it work!

On 3/1/2024 at 11:00 AM, Robodo said:

Hello, wondering if this was solved, I'm having a similar issue and am a CSS newbie. Just trying to make it work!

Recently I solved this, but instead of play on click, it will open lightbox video on click. If you agree this, I can give you a quick guide.

Hi! I have the same problem I have the title, but when I play the video i cannot pause it, 

I'm looking for the code to open a lightbox! 

On 4/8/2024 at 7:16 PM, sandra2212 said:

Hi! I have the same problem I have the title, but when I play the video i cannot pause it, 

I'm looking for the code to open a lightbox! 

If you share site url, we can help easier