If you want to play several videos on a single player, this is the right guide for you to get it done with sample HTML code. It is no more a difficult task to embed playlsit file with videos and player on web page.
When you get the player template pack after purchasing from the skin page, or related resource pages like Christmas activity, you will get the web FLV player with swf as file extension, which could be used directly on web page. Here is the sample HTML code for you, when christmas_player.swf is the web FLV player with playlist component, myPlayer.mmpl is the playlist file with items for the player to display, and the moyea.jpg available in the folder named "myPlayer.playlist" could be used as the first frame image before the video start playing. The folder myPlayer.playlist includes flash videos and thumbnails for the playlist items.
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="480" height="400">
<param name="movie" value="christmas_player.swf">
<param name="FlashVars" value="playList=myPlayer.mmpl&firstFrame=myPlayer.playlist/moyea.jpg">
<param name="quality" value="high">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="True" />
<embed src="christmas_player.swf" FlashVars="playList=myPlayer.mmpl&firstFrame=myPlayer.playlist/moyea.jpg" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="480" height="400" allowScriptAccess="sameDomain" allowFullScreen="True">
</embed>
</object>
If you put the html file, swf file and the mmpl file to the same folder when uploading to your server just like how you get the pack, the above coding is enough for you. You can change the flash video file name as you like and change christmas_player to the player file name you get. Please note that the changes shall apply to both the OBJECT tag and EMBED tag.
If you want to put the three files into different directory, you may modify the HTML code. For example, you put the html file to a folder named "page", the mmpl file and the myPlayer.playlist folder to a folder named "list", and do not change the location of the swf file. You shall change the swf file path according to the html file, and the playlist file path according to the swf file, the first frame image file path according to the swf file, because the html file shall read the swf file, and the player file shall recognize the playlist file and the first frame image file. Thus, the HTML code should go as follow after changing the file locations.
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="480" height="400">
<param name="movie" value="../christmas_player.swf">
<param name="FlashVars" value="playList=list/myPlayer.mmpl&firstFrame=list/myPlayer.playlist/moyea.jpg">
<param name="quality" value="high">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="True" />
<embed src="../christmas_player.swf" FlashVars="playList=list/myPlayer.mmpl&firstFrame=list/myPlayer.playlist/moyea.jpg" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="480" height="400" allowScriptAccess="sameDomain" allowFullScreen="True">
</embed>
</object>
Note: The code ../ is added because the files are in different folders. HTTP URL is supported too. You can also change the location of the flash videos instead of the myPlayer.playlist folder. For more information about editing the playlist file, you can refer to how to edit playlist file.
If you want to play a single video on player or do not want to show the playlist, you can delete the playlist component from the player by editing the player template, and use videoFile parameter to read single flash video, instead of playList parameter. For more information, go to embed player and single video on web page.
2009-12-08
