To insert your playhead into a website, you need to place a block of HTML code into the page. There are several ways to write this code, and below we show you both common approaches.
In the codes below, the following terms (in green) would be edited by you:
This code will work on all browsers, however it fails document validation (the HTML used is not officially correct), so if your website uses XHTML or requires/claims valid code under the W3C scheme, it cannot be used. The code is however simple and reliable when it hits a browser without Flash, or with an older version.
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
width="WID" height="HEI" id="dnex_mp3" align="center">
<param name="movie" value="FILENAME.SWF" />
<param name="play" value="true" />
<param name="wmode" value="transparent" />
<param name="flashVars" value="playlist=PLAYLIST" />
<embed src="FILENAME.SWF" wmode="transparent" width="WID" height="HEI"
type="application/x-shockwave-flash" play="true" flashVars="playlist=PLAYLIST"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" />
</object>
This version is based on the Flash Satay method, extended by Draftlight to cover non-Flash browsers. The code does not itself check the plugin version a client is using, however all of Draftlight's Flash software includes inbuilt version checking and updating routines.
The only disadvantage of this method is if you are using the flashVars parameter to define a custom setting, as some less-popular browsers such as Safari do not pass the parameter across correctly. If you are relying on the default settings this issue does not matter, and the playheads will accept the same settings via their URL if you need to be 100% compliant.
<object type="application/x-shockwave-flash" data="FILENAME.SWF" width="WID" height="HEI">
<param name="movie" value="FILENAME.SWF" />
<param name="wmode" value="transparent" />
<param name="flashVars" value="playlist=PLAYLIST" />
<div class="sataypro">
<a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
title="Click here to install the latest Flash browser plugin from Adobe">
Adobe Flash Player is required. Click here to install.</a>
</div>
</object>
When using the above methods, remember that if you're passing parameters to the SWF file via the URL, the parameters need to be added in both places the filename is mentioned! One is used by IE-style browsers and the other by Gecko/Mozilla-style browsers.
Draftlight, DNeX and the Draftlight logo are Trademarks of Draftlight Networks
©2002-2007 Draftlight Networks all rights reserved