Facebook FanBox
| Video - Using Flash and Dreamweaver |
FLASHMake a directory called video and place place all video files within that directory. Determine the dimensions of your video file, then create a Flash document the same size and save with a generic file name. You will use this as a starting template for other videos. Now do a Save As and name the file with its final name. Import Video:Choose the file from the video directory to import into your Flash document. You will get a series of dialog boxes asking you to make several choices. Most of these can be left as the default selections. Firts, choose "Progressive download from a web server". It says this in the notes on the right: This deployment requires Flash Player 7 or later. Progressive Flash delivery lets you stream the video using HTTP streaming. This option will convert the video file import to a Flash file, and configure a Flash Video component to play the video. Note: You need to upload the Flash Video file to a web server manually. This option always places a Video component on stage....next.... There are five tabs in the dialog box at this point.
Next we choose a skin. It doesn't matter which one we choose since the real choice will be made in Dreamweaver. Lets finish up with Flash. You should have already saved the file with its final name so you can go ahead and save it again after you publish it. This will crteate, among other things, a .flv file with the final name. This is the file you will use in Dreamweaver. DREAMWEAVERInsert Flash Video on a new page. Progressive Download Video. Browse video. Choose skin. Enter width and height. Choose Auto Play (or not). Once this process was completed, I added some style to a that contains the video and a PHP variable for the file name so that I could use the same code through out the website for multiple videos. I simply declared the variable at the top and used the code as an include on the page I wanted it on.
<!--DECLARED VARIABLES IN PHP. I PUT THIS AT THE TOP OF THE PAGE--> $video = "play_me.flv"; $caption = "Go ahead and Play Me"; <!--THIS IS NORMALLY WRITTEN INTO THE HTML FILE. I EXTERNALIZED FOR NEATNESS SAKE--> <script src="/../includes/js/CheckFlashVersion.js" type="text/javascript"></script> <!--THIS IS NORMALLY PLACED IN THE SAME DIR AS THE HTML FILE. I EXTERNALIZED FOR NEATNESS SAKE--> <script src="/../includes/js/AC_RunActiveContent.js" type="text/javascript"></script> <!--STYLED DIVS TO HOLD THE VIDEO AND CAPTION--> <div id="video"> <div id="video_holster"> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version= 8,0,0,0','width','420','height','315','id','FLVPlayer','src','../includes/FLVPlayer_Progressive', 'flashvars','&MM_ComponentVersion=1&skinName=../includes/Clear_Skin_3&streamName= ../video/ >&autoPlay=false&autoRewind=false','quality','high','scale','noscale','name','FLVPlayer','salign', 'lt','pluginspage','http://www.adobe.com/shockwave/download/download.cgi? P1_Prod_Version=ShockwaveFlash','movie','../includes/FLVPlayer_Progressive' ); //end AC code </script><noscript><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="420" height="315" id="FLVPlayer"> <param name="movie" value="../includes/FLVPlayer_Progressive.swf" /> <param name="salign" value="lt" /> <param name="quality" value="high" /> <param name="scale" value="noscale" /> <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=../includes/ Clear_Skin_3&streamName=../video/<?php echo $video;?>&autoPlay=false&autoRewind=false" /> <embed src="/../includes/FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1 &skinName=../includes/Clear_Skin_3&streamName=../video/<?php echo $video;?>&autoPlay= false&autoRewind=false" quality="high" scale="noscale" width="420" height="315" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" /> </object></noscript> </div> <p><?php echo $caption;?></p> </div> |
| Search Engine Land: News About Search Engines & Search Marketing |
| Search Engine Land's feed keeps you updated throughout the day on the latest news with Google, Yahoo, Microsoft's Bing and the world of search engine marketing, optimization and search engines in general. |
 |
|