SVGs Work when run from edge animate(ctrl enter) but Not on when I just open html file

Hi,

I making a game in ab=nimate and I have an svg character that can be colour customized. It works fine when I run the code from edge animate(ctrl enter) but Not on when I just open html file 

i'm getting this error:

Uncaught SecurityError: Failed to execute 'getSVGDocument' on 'HTMLEmbedElement': Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols, domains, and ports must match.

EdgeCommons.js:130

and the click in the interactive svg part is not recognised..

Has anyone got anidea how to fix it? I do not think it is my code as it works no problem when preview in browser from animate. BTW, I am using chrome browser locally.

any help appreciated.

Thanks