Embedded OAM file from Adobe Animate does not show in webpage

[Swandive stream]

I embedded a OAM file as directed by the Adobe Help page but while the page title shows, the media does not show. What am I missing? Bit lost as don't know that much HTML and limited experience with Animate.

This is the webpage I'm attempting to embed into. It shows in Dreamweaver design view but not published. All the files should be on the server. Christmas Card 2021 (fastertrack.com)

So in essence:

1.  Export media from Adobe Animate
2.  Import media into Dreamweaver
3.  Upload site to server

I did the above but something seems to have gone wrong I just don't know what/how to resolve.

Thanks

[Jon Fritz]

I'm seeing a "Refused to Connect" error in your iframe.

That points to a server configuration issue.

You may need to talk to your hosting company.

[Nancy OShea]

Start by removing this code from your document.  Obviously, it was copied & pasted from elsewhere and does not belong in your code.

<iframe src="http://www.interactive.fastertrack.com/interactive/animation_assets/Polarbear_sad/Assets/Polarbear_sad.html" title="W3Schools Free Online Web Tutorials"></iframe>

[Swandive stream]

OK, I've taken that out. It wasn't doing anything really just trying another way to get this working.

[rayek.elfin]

Firefox Developer warning:

To protect your security, www.interactive.fastertrack.com will not allow Firefox Developer Edition to display the page if another site has embedded it. To see this page, you need to open it in a new window.

When I open the contents in a new window, it still does not work. Tested in Firefox and Opera.

http://www.interactive.fastertrack.com/interactive/animation_assets/Polarbear_sad/Assets/Polarbear_s...

[Swandive stream]

The iFrame is attempt #2 to get this thing working. I've taken it off now. There's supposed to be a directly embedded media below the iFrame but though it shows in Dreamweaver it won't show when published. Yes, I got the code from W3schools (HTML education source) customised to my own media. My HTML knowledge isn't wonderful and this is just a rough attempt to show the Adobe Animate e-card in a way I can show friends.

Cosmetics of the embedding aren't that important. As it's interactive rather than an image I need another way to share it.

Any idea why the OEM media won't publish correctly? All the assets should be on the server. Trying to get this up before Christmas Day.

Thanks

[rayek.elfin]

Instead of exporting as an OEM and embedding that, why not export directly to html5 in Animate, and publish those files? Rename the html file to index.html, and upload that and the other files to a folder on your server.

[Swandive stream]

I tried that. Assuming I have the right URL I just get a broken image icon 😕

Polarbear_sad (fastertrack.com)

No idea why the page is showing as 'not secure' when it's virtually empty.

[Jon Fritz]

It's virtually empty, but it's still sending both secure and insecure content, and browsers really don't like doing that..

The page itself is insecure, but the link to the javascript in the head here: https://code.createjs.com/1.0.0/createjs.min.js is secure.

You could try changing that https protocol to http and see if it works.

At least then the browsers wouldn't instantly go into "we don't like this" mode.

[Swandive stream]

How? This is a subdomain and I'm trying to avoid affecting the main website which I 'designed' (i.e. their template my content) using Adobe Portfolio.

[Nancy OShea]

How? This is a subdomain and I'm trying to avoid affecting the main website which I 'designed' using Adobe Portfolio.

By @Swandive stream

=============

Adobe Portfolio is not compatible with Animate or Dreamweaver.

Adobe Portfolio is a closed system hosted and edited on Adobe's servers.  You cannot upload HTML, CSS or JS files to Portfolio.

Dreamweaver is a separate code editor for publishing your site on 3rd party hosting services.

[rayek.elfin]

In the Javascript/HTML publish settings ensure to check "Center Stage" and make it responsive in order for it to fill the available screen width or height automatically. If it takes a while to load, also include the preloader.

[Swandive stream]

Thanks. I did that but now I just have a blank box with a loader in it and never loads 😞

[rayek.elfin]

I tried loading the separate PNG images via the urls in javascript, and those will not load either it seems. It might be a server configuration issue.

[Swandive stream]

Hmm, strange. The Adobe Portfolio side works fine. Something in Dreamweaver config?