Changing the appearance of the QuickTime Reference Movie Button

24th of November, 2008

The button on the QuickTime Reference Movie Action (Freeway 5.2.1+) has been toned down slightly so that it validates. If you want to ramp it back up then you can add the some code into the page that will give the button some transparency and rounded corners (Safari and Firefox only). Here's how:
  1. On the page with the QT Reference Movie Action on go to the Page>HTML Markup menu option
  2. Select Before </head> from the pulldown menu at the bottom of the dialog (note the / before head, this is important)
  3. Paste the following code in the field in the center of the dialog:

    <style type="text/css">
    .playButton {
     opacity: .8;
     filter: alpha(opacity=80);
     -moz-border-radius: 1em;
     -webkit-border-radius: 1em;
     zoom: 100%;

    .playBackground {
     opacity: 0.0;
     filter: alpha(opacity=0);

  4. Preview in the browser or in Freeway to see the new button.

User Opinions

No users have voted.

How would you rate this answer?

Thank you for rating this answer.