YouTube Thumbnails

Triggers:

-Hover on/ Hover off thumbnail
-On click/ Click off thumbnail
-On click/ Click off profile picture
-On hover for playlist button
-On click for playlist button

Rules:

On hover on/off
-There is a cursor change
-The image will scroll up and transition into playing the video
-There will be text below the video playing that shows the name of the video, video creator, their profile picture and viewcount
-The profile picture will have a block popup with the channel information, which includes the full name of the YouTube channel, subscriber count and a larger image of their profile picture
-Upon hover off, the thumbnail would transition back to where it was initially


On click
-The text will turn grey
-The add to playlist button that appears on hover will change from 50% opacity to 100% opacity and invert colors and if clicked again it'll go back to 50% opacity and original colors

Feedback:

On hover on/off
-There is a cursor change
-The image will scroll up and transition into playing the video
-There will be text below the video playing that shows the name of the video, video creator, their profile picture and viewcount
-The profile picture will have a block popup with the channel information, which includes the full name of the YouTube channel, subscriber count and a larger image of their profile picture
-Upon hover off, the thumbnail would transition back to where it was initially


On click
-The text will turn grey
-The add to playlist button that appears on hover will change from 50% opacity to 100% opacity and invert colors and if clicked again it'll go back to 50% opacity and original colors