# Video play on hover & trigger text opacity in

**URL:** <https://forum.readymag.com/t/video-play-on-hover-trigger-text-opacity-in/3842>\
**Category:** Animations\
**Created:** [November 3, 2024, 2:43pm UTC](https://forum.readymag.com/t/video-play-on-hover-trigger-text-opacity-in/3842 "2024-11-03T14:43:25Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Wilbur\_Roberts](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/wilbur_roberts/32/2613_2.png) [@Wilbur\_Roberts](https://forum.readymag.com/u/Wilbur_Roberts)\
**Post date:** [November 3, 2024, 2:43pm UTC](https://forum.readymag.com/t/video-play-on-hover-trigger-text-opacity-in/3842/1 "2024-11-03T14:43:25Z")

</div>

Hello,

I’m trying to create a video grid where the individual video assets play on hover animation and also trigger text to opacity 0 - 100 in.

Once I place the cursor to hover over the video and the text animates in, the text begins to flash / freak out if i then hover over the text.

Alternatively if I set it up with a transparent shape layer above it will trigger the text but not the video hover to play…

How can I combine these ?

here’s an example on my friends website… [www.jurriaandegroot.nl](https://www.jurriaandegroot.nl)

Thanks

---

<div class="post-metadata">

**Author:** ![Readymag](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/readymag/32/3_2.png) [@Readymag](https://forum.readymag.com/u/Readymag)\
**Post date:** [November 8, 2024, 2:00pm UTC](https://forum.readymag.com/t/video-play-on-hover-trigger-text-opacity-in/3842/2 "2024-11-08T14:00:03Z")

</div>

Hello! We suggest using the transparent shape and use it as a trigger for the video as well. To do so, you’ll need to click on Trigger in Player settings and select your transparent shape.