Forum Discussion

HazelLobo-175bb's avatar
HazelLobo-175bb
Community Member
2 months ago
Solved

Hover state of a freeform

Hi 

I am working on a lesson. I have few slides where the learner has to select an object and then move ahead. There is a hover state created for every object using a freeform object. In the hover state I have added a video and text together, but the objects are not grouped. 

When I preview the slide in Storyline or even look at the slide in the review link and I hover over the object the video plays but if I move the cursor away and again hover over the object the video does not replay.

Is there any way to make a video play repeatedly in the hover state of an object?

 

 

  • I don't think it's doable. Once the video starts playing, it will continue even if the object containing the video is no longer being hovered. Eventually, the video will finish and won't loop, because additional triggers cannot be set up once the video is inside the object's state. Although you could play the video again when it's clicked, but not when the object is being hovered over.

    What you can do is place the video on a separate layer, which will be shown when the object is hovered over and hidden when the hover ends.






    In the video layer, you can create a trigger to play the video when it completes, creating a loop effect.
    Here is the visual demonstration:

    This approach will ensure that the video is always displayed and plays when the other object is hovered over. 

  • Nedim's avatar
    Nedim
    Community Member

    I don't think it's doable. Once the video starts playing, it will continue even if the object containing the video is no longer being hovered. Eventually, the video will finish and won't loop, because additional triggers cannot be set up once the video is inside the object's state. Although you could play the video again when it's clicked, but not when the object is being hovered over.

    What you can do is place the video on a separate layer, which will be shown when the object is hovered over and hidden when the hover ends.






    In the video layer, you can create a trigger to play the video when it completes, creating a loop effect.
    Here is the visual demonstration:

    This approach will ensure that the video is always displayed and plays when the other object is hovered over. 

  • I'll add a caveat: Hover is not an accessible state. So those who don't use a mouse to navigate the course won't be able to see the video. That's why a course shouldn't provide any important/required content solely via the Hover state.