Skip to main content
Known Participant
Jan 29, 2020 11:25 AM UTC
Question

HTML5 files only play in Microsoft Edge

   I am converting (too many!) Flash files to AnimateCC. I am using Animate 2020 on a Windows 10 machine. I can convert (or write from scratch) and publish .html and .js files no problem (well maybe that's a simplification!). The file plays seamlessly in Canvas (CTRL-ENTER in Animate) and when I open the html file in Microsoft Edge. However, when I open the HTML file in any other browser (including Canvas) by double clicking it, I see everything (images, text etc) but the buttons (to drag-and-drop or go to the next scene) do not work; the pointer does not change as I move over the buttons which suggests the browser doesn't see them as buttons. I have the same problem when I copy the folder (and files) onto the school's BlackBoard server, and my Mac students say that they have the same problem.

  Clearly I need to solve this problem because I have students with different platforms and prefered browsers.

This topic is closed to new replies. Start a new post to keep the conversation going.

15 replies

Participant
Dec 21, 2021 9:36 AM UTC

have you solved this problem? if yes, you can share? I also have this problem ((

Translate
Participating Frequently
Dec 21, 2021 1:04 PM UTC

It seems that Microsoft updated Edge some time ago and since then the local animate/HTML_Canvas files often do not play - so I have lost that! Some of my animations run in other browsers (like Chrome) on my laptop while others do not. I have not worked it out because I use a completely different method. I can use BlackBoard, but my IT department are reluctant to give me extra hard drive space (read $!), so I simply run everything off my server which has unlimited space. My animations and simulations are used for teaching, so I have tranferred all of my files (including on-animate HTML files, images and mp4 for recorded lectures) to my server and use BlackBoard to link. It works, so I just use this rather than play around trying to solve questions that are way beyond my capabilites.

Translate
Legend
Jan 29, 2020 3:18 PM UTC

Do any error messages appear in the browser's dev console when running from Blackboard?

Translate
philpaAuthor
Known Participant
Jan 29, 2020 4:13 PM UTC

No error messages, just the image with no interactive capabilities. It could be seen as a .jpg because there are no buttons.

Translate
Legend
Jan 30, 2020 5:36 PM UTC

My company regularly hosts HTML5 Canvas documents on a vanilla Blackboard account, and they work fine in IE11/Edge/Chrome/Firefox/Safari. No idea what you're doing to break it.

Translate
Joseph Labrecque
Community Expert
Community Expert
Jan 29, 2020 1:08 PM UTC

This likely has to do with security restrictions in the browsers. If you upload the HTML and all associated files to a web server (not sure if BB would work correctly) - does it run fine? Animate spins up its own little server when doing a test movie. 

Translate
philpaAuthor
Known Participant
Jan 29, 2020 4:12 PM UTC

Most of my students use Chrome so I use this as my default. It work perfectly when I test it from Animate and also when I double click the html file on my hard drive. However, when I open the html file on the BB server I get the image but no buttons to click or to click-and-drag.

Translate
Joseph Labrecque
Community Expert
Community Expert
Jan 30, 2020 1:54 PM UTC

Blackboard might be serving the files in a way that causes security blocking. Have a look in the browswer console for errors of that nature and see whether any exist. 

Translate