ZeroClipboard SWF does not load

10,143

Solution 1

http://kenneth.kufluk.com/blog/2008/08/cross-domain-javascript-to-flash/ may help. Also beware of subdomains, Flash can get confused. Also use Flash debug player and Fiddler (or similar) to see what is going on.

Solution 2

There are options for cross domain assets:

// SWF inbound scripting policy: page domains that the SWF should trust. (single string or array of strings)
  trustedDomains: [window.location.host],

See: https://github.com/zeroclipboard/zeroclipboard/blob/master/docs/instructions.md

Also: The current master branch (2.x) logs the cross domains to console if you set debug to true in config.

I had some success using a cdn hosted version of the swf file. But after making some edits this mysteriously stopped working locally but did work on my staging server.

This is my config:

  ZeroClipboard.config({
    moviePath: '//cdnjs.cloudflare.com/ajax/libs/zeroclipboard/1.3.2/ZeroClipboard.swf',
    forceHandCursor: true,
    debug: true
  });

Also see this jsfiddle:
http://jsfiddle.net/rimian/45Nnv/

If you're still having trouble, you can log from the swf to console. For this, you need to be able to compile the flash, from zeroclipboard source into a swf using grunt mxmlc. Simply dispatch a log event in the action script (compile and copy it into your project) and respond to it in your js:

For example, in ZeroClipboard.as:

// constructor, setup event listeners and external interfaces
public function ZeroClipboard() {

  ...

  // Get the flashvars
  var flashvars:Object = LoaderInfo( this.root.loaderInfo ).parameters;

  dispatch("log", flashvars);

  ...

  }

Then in your js:

zeroclipboard = new ZeroClipboard($('.mybuttons'))
zeroclipboard.on('log', function(client, args) { console.log('log:', args)});

Solution 3

If this file is located in the same directory as your web page, then it will work out of the box. However, if the SWF file is hosted elsewhere, you need to set the URL like this (place this code after the script tag):

    ZeroClipboard.setMoviePath( 'http://YOURSERVER/path/ZeroClipboard.swf' );

To use the new Rich HTML feature available in Zero Clipboard 1.0.7, you must set the movie path to the new "ZeroClipboard10.swf" file, which is included in the 1.0.7 archive. Example:

    ZeroClipboard.setMoviePath( 'ZeroClipboard10.swf' );

Or, in a custom location other than the current directory:

    ZeroClipboard.setMoviePath( 'http://YOURSERVER/path/ZeroClipboard10.swf' );
Share:
10,143

Related videos on Youtube

eozzy
Author by

eozzy

UI Designer & Front-end Developer

Updated on June 04, 2022

Comments

  • eozzy
    eozzy over 1 year
    ZeroClipboard.setMoviePath( "/zeroclipboard/ZeroClipboard.swf" );
    var clip = new ZeroClipboard.Client();
    clip.setText( $('textarea#download_me').text() );
    clip.glue( 'clip' );
    

    I'm using the popular ZeroClipboard plugin to copy content to user's clipboard. It works perfectly in the dev enviornment as well as on domain1.com but not on domain2.com with EXACTLY the same files and settings!

    /zeroclipboard/ZeroClipboard.js loads.

    /zeroclipboard/ZeroClipboard.swf does NOT load!

    I tried everything but can't get it to work. I'm really confused why it work on domain1 but not on domain2??

    How do I resolve this?

    Many thanks for your help!

    • eozzy
      eozzy about 13 years
      Tried that too, no luck. BTW, you can edit your comments.
  • eozzy
    eozzy about 13 years
    Tried using ZeroClipboard10.swf still does not work. Its so weird, I double checked the paths and everything but still it doesn't work on domain1, but works well on domain2!
  • Muhammad Hashir Anwaar
    Muhammad Hashir Anwaar almost 10 years
    I found I had problems when I renamed the file.

Related