Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Rollover area play video

Participant ,
Oct 23, 2017 Oct 23, 2017

Hi,

We have an application with a landing page. On this page there are 10 large icons. When each icon is moused over, it swells. I can can small video snipits of this rollover event and incorporate the videos into my captivate, on a roll over in the captivate. I assumed I could do this with a captivate rollover object or an advanced action. I am publishing to html5.

Does anyone have free advice?

Captivate 9.0.2.437.

Thanks,

Dan

232
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 23, 2017 Oct 23, 2017

If you are publishing to HTML5, and your intended audience will include people using mobile devices, then forget about using rollovers for anything.  Touch screens don't support rollovers.  Use click/tap events to trigger what happens.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Oct 23, 2017 Oct 23, 2017

"and your intended audience will include people using mobile devices"

The audience is not on mobile devices.

My intention is to display the behavior when the icons are moused over.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 23, 2017 Oct 23, 2017
LATEST

You are not going to be able to trigger the videos to play on mouseover with default Captivate functionality.  Captivate provides no rollover events that can be used to trigger actions.  (Rollover Slidelets do have a rollover event for actions but they are not compatible with HTML5 output.)

You may need to consider a custom solution using JavaScript, or else use the CpExtra HTML5 widget to set up Event Listeners that then call actions.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
Help resources