Mouse over/out not working in Sizmek

[ltveten]

Is anyone familiar with building banners in Animate and uploading to Sizmek? I went on maternity leave last year and it went from Adobe Edge Animate to Adobe Animate and this is my first time building in Adobe Animate and uploading it to Sizmek. I have already made it Sizmek compatible. The animation works locally but when it's uploaded to Sizmek the Mouse Over animates but the Mouse Out doesn't animate. I've reached out to Sizmek and they said the following..

We are unable to advise on animation effects on mouseover/mouseout in 3^rd party apps since they are not directly related to Sizmek. Happy to advise if you are experiencing a tracking issue related to mouse events. It might be best to reach out to Adobe on animation effects in their program.

If anyone has any experience with this, your help is greatly appreciated.

Here is the preview link of the banner:

http://platform.mediamind.com/Eyeblaster.Preview.Web/Default.aspx?previewID=iJbk7P4eoxrNj3ea6f4dIbaQ...

Here are my working files are here. 

[just.emma · Accepted solution]

This issue would occur with any ad serving company; not just Sizmek.

The solution is to target the whole canvas instead of a button filling the canvas; then your mouseout will be detected even once the ad is served inside an iFrame:

canvas.addEventListener("mouseover", over.bind(this));

canvas.addEventListener("mouseout", out.bind(this));

function over() {

  this.cta.gotoAndPlay("over");

}

function out() {

  this.cta.gotoAndPlay("out");

}

[ltveten]

Thank you for the quick response. Unfortunately, when I changed the code and uploaded it to Sizmek, the animation stopped working completely. Below is my original code. What else am I missing?

stage.enableMouseOver();

this.clickthrough.addEventListener("mouseover", over.bind(this));

this.clickthrough.addEventListener("mouseout", out.bind(this));

function over()

{

  this.hover_mc.gotoAndPlay("over");

  this.cta_test.gotoAndPlay("over");

}

function out()

{

  this.hover_mc.gotoAndPlay("out");

  this.cta_test.gotoAndPlay("out");

}

[just.emma]

You just need to change this.clickthrough to canvas, as I mentioned in my previous post.

You need to target the whole canvas instead of a button that fills the canvas.

[kanhaiyak80455550]

In my file, html placed inside iframe, ads working fine on chrome, IE but not working on Firefox, means only mouseout not detecting on firefox.

Please suggest.