Skip to main content
Participant
November 16, 2012
Question

HTML5 Video Controls

  • November 16, 2012
  • 1 reply
  • 1110 views

Hi Everyone,

We are looking for a platform that can do both HTML5 as well as Flash, and Captivate 6 looks promising.  The issue we are having is with HTML5 video and the lack of user controls. Captivate does not seem to be able to add the controls to HTML5 video because the skin is a Flash SWF, as Anjaneai Srivastava replied to another post.

This seems like an easy fix as the attribute of controls="controls" can be added to the video tag when Captivate publishes to HTML5.  Captivate would need to add a control to the IDE to allow the developer to turn the HTML5 video controls on and off, just like autoplay in Properties > General.

As a proof of concept, we used JavaScript/DOM to add the controls="controls" to the video tag and it worked in Firefox (v16) without any issues.  In Chrome (v23.0.1271.64 and 25.0.1327.0 Canary) the video controls appear layered underneath the video itself, which we have not been able to duplicate with anything other than source exported from Captivate.

<script>

          document.getElementsByTagName('video')[0].setAttribute("controls", "controls");

</script>

Here is a video that shows this proof of concept working in Firefox and the issues we are having with Chrome.

Is the controls feature planned for a future patch/release of Captivate, if so is there an ETA?

Thanks!

This topic has been closed for replies.

1 reply

Participant
October 17, 2013

Has there been any update to this? I am not seeing any functionality additions in the HTML5 Captivate export. It seems like a huge oversight to say "HTML5 compatible" but then leave the user with such a deprecated experience for video.