iOS iPhone Fallback Image for Adobe Animate GreensockJS Video Banner

Do This Right Quick:

  1. Add Video Component to stage (toolbar > Window > Components > Video)
  2. Set Component Parameters (toolbar > Window > Component Parameters). source is link to video, poster image is link to initial frame image)
  3. Addroot.stage.canvas.style.zIndex = 1;to actions layer (places canvas above exported div in published HTML file in standard CSS fashion)
  4. Publish
  5. Open Published HTML File in a text editor (be sure “override HTML on export” is unchecked in publish settings if you add this next bit and it gets removed)
  6. Navigate to div#dom_overlay_container (sibling div next to canvas element) and add image tag inside of the #dom_overlay_container — linking source to poster image (add consistency and save time using same poster image from step 2)
  7. Save HTML file
  8. Test/celebrate

Screenshots:

Adobe Animate Video Component Parameters Screenshot
Adobe Animate Video Component Parameters Screenshot

Find more stuff like this on my website crrollyson.com
Services for hire on our website siderole.com

Amazing father, decent husband, marketing experience designer+developer advisor. Having a good time w/ good folks.

Amazing father, decent husband, marketing experience designer+developer advisor. Having a good time w/ good folks.