Can anyone help with the HTML of embedding this shockwave game?

[Tenacious Stu]

Hi guys

I've been working on the Lightbulb Games website recently (see website here). And I'm having a little trouble with this page which holds the Shockwave game 'Maze Defender'.

The page I'm talking about is HERE!

I use Wordpress as I know nothing about web design and html, so I placed this code in the page post for Maze Defender

Code: ags

Maze Defender

<object width="100%" height="100%" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="fullscreen" value="yes" /><param name="src" value="http://lightbulbgames.co.uk/Games/Maze_Defender.dcr" /><embed width="100%" height="100%" type="application/x-shockwave-flash" src="http://lightbulbgames.co.uk/Games/Maze_Defender.dcr" fullscreen="yes" /></object>

<strong>Controls</strong>

Right Arrow Key: Move Turret Clockwise
Left Arrow Key: Move Turret Anti-Clockwise

Spacebar: Shoot!

<em>Note: DO NOT shoot the Power Ups, they need to reach your base in order for them to activate.</em>

&nbsp;

For more information on Maze Defender, please read the blog post <a title="Maze Defender Blog Post" href="http://www.lightbulbgames.co.uk/?cat=4">here</a>.

&nbsp;

This seems to work fine in my version of Safari and Internet Explorer, however on some other computers it doesn't work in IE or crome.

I'll admit that I just copied and pasted what I though was correct and it seemed to work, but I recently found that in some cases it doesn't.

Can anyone help me to correct this issue?

Thanks in advance for any help.

[Khris]

I assume by "doesn't work" you mean "it's cut off", at least that's what I get in Firefox.
Try putting the actual size in there instead of 100%:

Code: ags

<object width="640" height="480" classid...

[Tenacious Stu]

Yes, in some cases it cuts off and in others it doesn't show up at all? In one case Internet Explorer kept asking if you wanted to save the file to your computer?

Thanks Khris, I'll try that and see if it works.

[steptoe]

Browsers have there own way of displaying stuff. What appears ok in one may display differently in others.

Specify both the height AND the width (not %) with all swf files. You also have embed, which is good.

Test your page with other browsers other than IE as IE is to forgiving. Test it in Firefox and Chrome also. When you are happy with the page upload it.

I suggest building it with either Firefox or Chrome as your test browser.

Make sure the browser is updated with all the necessary plugin extensions.

checkout: http://kb2.adobe.com/cps/415/tn_4150.html

and:    http://animation.about.com/od/flashanimationtutorials/qt/embedswfwebpage.htm

Note:

Many people go over to programs like WordPress because they hope to save money rather than let a pro deal with the tech stuff. Fortunately I used to get quite a lot of work due to ex clients getting out of their depth.

Good luck and hope you resolve it.