I've got a web object that uses click events to do stuff.
It works fine in Flash, but when I test in HTML5 mode the click events aren't being passed through. I can still select the content of the web object but it can't see me doing it.
Have you checked to ensure that Private Browsing is disabled in Safari? The iPad's mobile Safari browser currently has inherent limitations that impact how multimedia operates as well as the overall performance of HTML5 content. Please review this article to learn more about mobile Safari's limitations and recommendations for improving performance of your content.
If you've already tried that, or if changing that setting still doesn't allow you to interact with the web object click events, can you tell me how the web object is displayed? Do you have it set to show within the slide?
Good morning James. I hope you had a great weekend!
I apologize for that, if I see HTML5, I automatically think of viewing on the iPad. Have you tried viewing the content in Google Chrome? Also, if you haven't already, you may want to take a look at The HTML5 test. It may help with comparing different browsers and how well they support HTML5.
We have found the problem. If the web object is not in the top left hand corner of the slide, click events are not forwarded properly (sometimes they do) in Firefox.
This seems arbitrary. I was going to suggest you delete the slide and recreate it with the web object. I've seen this fix other inexplicable Storyline bugs.
You may not want to mess with it now, but if you make a copy of the .story file, try moving the object to the lower-right. Does it fail there?
8 Replies
Hi James,
Have you checked to ensure that Private Browsing is disabled in Safari? The iPad's mobile Safari browser currently has inherent limitations that impact how multimedia operates as well as the overall performance of HTML5 content. Please review this article to learn more about mobile Safari's limitations and recommendations for improving performance of your content.
If you've already tried that, or if changing that setting still doesn't allow you to interact with the web object click events, can you tell me how the web object is displayed? Do you have it set to show within the slide?
Hi Christine,
I was testing in Firefox, not on an iPad. Private browsing was not enabled.
The web object is embedded like so:
where old-street is a local testing server.
Good morning James. I hope you had a great weekend!
I apologize for that, if I see HTML5, I automatically think of viewing on the iPad. Have you tried viewing the content in Google Chrome? Also, if you haven't already, you may want to take a look at The HTML5 test. It may help with comparing different browsers and how well they support HTML5.
We're happy to take a look at the file, if you'd like.
James,
I assume your web object passed tests in all browsers before you put it in Storyline. If not, then you should! Is the html object HTML5 compliant?
I'd like to see the published result if you can make it available.
Hi Sam, yes it works in all browsers.
We have found the problem. If the web object is not in the top left hand corner of the slide, click events are not forwarded properly (sometimes they do) in Firefox.
So to be clear:
If I want to include an HTML web object in storyline that has events and/or JavaScript, it MUST be in the top-left corner of the slide?
This appears to be the case for us, as we are using our own Javascript game engine integrated with storyline.
This seems arbitrary. I was going to suggest you delete the slide and recreate it with the web object. I've seen this fix other inexplicable Storyline bugs.
You may not want to mess with it now, but if you make a copy of the .story file, try moving the object to the lower-right. Does it fail there?
This discussion is closed. You can start a new discussion or contact Articulate Support.