'Transparent' object on top of clickable area?

Jun 27, 2013

Hi,

I'm trying to create a way to make it clear to users that they must click on the video to make it open in a new window.

For that purpose I'm trying to put a fake playbutton on top of the video. BUT, is there any way to make the button visible but still 'transparent' so that the user is in fact clicking on the video?

6 Replies
Antony Snow

Hi Morten,

Yes, I see what you mean - adding a trigger to the play button overides the action to open the video in a new window.

In answer to your original question, I don't think that a shape can be semi-transparent AND invisible. Unfortunately I don't have a usable solution for you - sorry - but I'm wondering if adding a trigger to change the state of the play button to hidden when the user hovers the mouse over it (and have it restore on mouse leave) would work? In theory, the play button is visible, so the user can see they need to click on it but by hiding it on mouse over, they actually click on the video.

Antony  

Sara Reller

What is it that triggers the video to open in a new window? Could you make an image that was the thumbnail from the video you wanted with a play button on top and then have that entire thing be the trigger to open it in a new window? Alternately if the place the video is hosted (if external) lets you select your thumbnail could it be a separate image (again with a play button superimposed on it)?

This discussion is closed. You can start a new discussion or contact Articulate Support.