Demos or Videos in HTML5

[Horse41tx]

Trying to create a demo frame in HTML5. It acts like it is creating it, but the “Play Demo File” in the dropdown is grayed out. I read on the forum that it was not possible in Fusion 2.0. Is this still true for 2.5?

I thought maybe I could use the HTML5 video object to display an mp4 created in Adobe Captivate. It didn’t show anything when I created it, but I read where someone said it had to be in the same folder as the html5 on the internet host. When it was uploaded to WebHost000, it displayed on a computer but did not work on an iPad. I really need it to display on an iPad.

1) Is there any way to create a demo in HTML5 - which would be the ideal?

2) If not, is there a way to display a video in HTML5 on an iPad?

[lh37]

Hi Horse41tx, welcome to the forums!

1) I believe the "demo" recording feature isn't supported with HTML5 at all. HTML5 has only ever been available for Fusion 2.5.

2) I'm thinking of one of two reasons here:

a) Codec Issue
Different browsers support different codecs and that will result in some devices playing it and others playing just audio/video or nothing at all. This page from w3schools can be used as a guide for which knowing which browsers support which format. As it states, Safari (presumably both OS X and iOS versions) only support MP4 (tut, tut.)

Since MP4 is just a container, it could be codec exported from Adobe Captivate that's causing the issue - Apple has a page which lists the compression standards it supports for iOS Safari.

Here's a quote:

Using Supported Movie Standards

The following compression standards are supported:

- H.264 Baseline Profile Level 3.0 video, up to 640 x 480 at 30 fps. Note that B frames are not supported in the Baseline profile.
- MPEG-4 Part 2 video (Simple Profile)
- AAC-LC audio, up to 48 kHz

Try re-encoding your video into a different format. If that doesn't work, it could be...

b) Security Restriction
Since you say you had your file uploaded on WebHost000, and your HTML5 creation obviously isn't running from the same domain as them, some browsers will refuse to access those resources as a security restriction. You'll need to move your video to the same folder of your HTML5 application (next to the index.html file) and use "./yourvideofile.mp4" when referring to it in Fusion.