1. Load WMV videos on the web

2. Load Flash videos on the web (if they don't play when posted, as on the PC website)

3. Make handwriting appear in Flash

 

1. Load WMV videos on the web - from http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_15777

Also see http://www.w3schools.com/media/media_playerref.asp - but note that the more recent class id did not work for me.

Adding your own ActiveX parameters in Dreamweaver

  1. In the Document window, place the insertion point where you want the Windows Media Player to appear.
  2. Choose Insert > Media > ActiveX. The menu commands used may differ slightly depending on the version of Dreamweaver used. This will add an empty ActiveX object to the page.
  3. Select the ActiveX object in the Document window.
  4. On the Property inspector, enter the following text into the Class ID text box:

    CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95

    You can copy the above text from this web page and then paste it into the Class ID text box. Although this is a pop-up menu from which you can choose various class IDs, you can also freely add any class ID you might need.
  5. Also on the Property inspector, do the following:
    1. Select Embed.
    2. Set the width and height in the W and H text boxes. A standard setting is 320 x 290 pixels.
    3. Click the Browse folder icon (next to the Src text box) and navigate to find and select a file in a supported Media Player format. (Supported formats are listed in the chart below.)
    4. Type mediaplayer1 in the ID text box.
  6. Click Parameters on the Property inspector.
  7. In the Parameters dialog box, enter the following parameters:
    Parameter Value
    FileName YourFileNameHere (same as the Src path in Step 5)
    AutoStart True
    ShowControls True
    ShowStatusBar False
    ShowDisplay False
    AutoRewind True

    You add a parameter by clicking Plus (+). The above parameters are those most commonly chosen. You may want to change these to suit your needs. For instance, if you would prefer that the video not play until the viewer clicks Play, set the AutoStart parameter to False instead of True.
  8. Switch to Code view or open the Code Inspector. Your HTML code will now look similar to that displayed below:
    <object width="320" height="290"   classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"   id="mediaplayer1"><param name="Filename" value="kids.mpg"><param name="AutoStart" value="True"><param name="ShowControls" value="True"><param name="ShowStatusBar" value="False"><param name="ShowDisplay" value="False"><param name="AutoRewind" value="True"><embed width="320" height="290" src="/support/dreamweaver/ts/documents/kids.mpg"  filename="kids.mpg" autostart="True"   showcontrols="True" showstatusbar="False"   showdisplay="False" autorewind="True"></embed></object>
  9. In the source code add the following text inside the<embed> tag:
    type="application/x-mplayer2"  pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/"
    Your source code should now appear similar to:
    <object width="320" height="290"   classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"   id="mediaplayer1"><param name="Filename" value="kids.mpg"><param name="AutoStart" value="True"><param name="ShowControls" value="True"><param name="ShowStatusBar" value="False"><param name="ShowDisplay" value="False"><param name="AutoRewind" value="True"><embed type="application/x-mplayer2"  pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/"  width="320" height="290" src="/support/dreamweaver/ts/documents/kids.mpg"  filename="kids.mpg" autostart="True"   showcontrols="True" showstatusbar="False"   showdisplay="False" autorewind="True"></embed></object>
  10. Save the file and test on different systems and in different browsers.

 

 

2. Load Flash videos on the web (if they don't play when posted, as on the PC website) - from http://it.toolbox.com/wiki/index.php/FLV_Will_Not_Load_or_Play

IT has made it hard to post Flash video (flv), probably by not including the FLV MIME type, but there is a workaround.

Create the flv file in Premiere (Adobe Media Encoder) or flash. You can use the Sorenson compression (plays in older Flash players) or preferably the newer ON2 VP6 format, which requires Player 8 or higher.

Put the flv in a subfolder like images or docs, where there are no index files.

There are two ways to make a player for it:

1. In Flash, create a new file, size it to match the flv, then insert video and follow the instructions. You will pick a skin that controls the look of the player. Once this is done, you can publish the files, which will create an html and a swf, and accompanying files you must post.

2. Easiest - in Dreamweaver, Insert Media/Flash. Select a skin, etc. This will create an swf file, a skin file, and the script files needed.

Whichever way you did it, post all the files, including the flv.

Go to the remote site and locate the flv. Say it's called song.flv. Rename it index.htm. Then create a folder called the original name of the flv (song.flv) and copy the index.htm into it. I used this to post a grease monster video in the SOS folder and on the intranet. The instructions can be found at http://it.toolbox.com/wiki/index.php/FLV_Will_Not_Load_or_Play:

Method 1

Contact your web hosting provider, and require the FLV MIME type to be added correctly on the web server.

Method 2

Sometimes, Method 1 is almost impossible for you due to some reasons. Then Method 2 is a great alternative for you. If your hosting provider tells you that FLV videos are not supported for the hosting package you have purchased, you can Do It Yourself. See the following steps:

  1. Log in to the back end of your website as administrator via either FTP or HTTP;
  2. Go to the folder where your FLV video file stays;
  3. Create a new folder in the same name as your FLV file. If your FLV file is called "myvideo.flv", then name your new folder as "myvideo.flv".
  4. Rename your FLV file "myvideo.flv" to "index.html" or "index.htm".
  5. Move your renamed FLV file into the new folder "myvideo.flv".
  6. Go to the page to load the SWF file, and your "myvideo.flv" will be streaming.

Do not modify your SWF player file to suit the path change. For instance, the source parameter of my FLV component is set to "http://www.examplesite.com/media/video_1.flv", then that path information stays in my SWF player file. I firstly rename my "video_1.flv" to "index.html", then create a new folder called "video_1.flv" under "http://www.examplesite.com/media/" and finally move my "index.html" (the actual FLV video file) into the folder "http://www.examplesite.com/media/video_1.flv".

3. Make handwriting appear in Flash - from http://www.webdesign.org/web/flash-&-swish/flash-tutorials/handwriting-effect.3603.html

Step 1. Make a new document I doesn't have to be very big. I made mine 280x80. You have to have a good handwritten style font (I'm using a font called "scripty"). You can download it here.

Step 2. Once you have your font you may have to close down and restart Macromedia Flash because it loads your computers fonts when you start it up. Grab your text tool and put a line of text in the middle of the canvas that says "handwriting". Make it pretty large (I had mine at 60). Now Go to Modify > Convert to Symbol and call it "handwriting".

Step 3. Now double click on you new symbol to edit it. Select frame 2 and hit F6 to make keyframe. Now with your frame 2 selected, hit ctrl+B twice to break apart the text. Now's where the fun begins. Now grab the erase tool and start erasing the letter g starting from the bottom, but only erase about a quarter of the tail off the g (look at the picture to the right). Now select frame 3 and hit F6 to make another keyframe and erase a little bit more of the letter g from were you left off. Now make another keyframe in frame 4 and erase more of the letter g. Do you understand what we are doing yet? You are going to continue this for the rest of your letter g and all your letters.

The trick is to think about how you would write the letters on a piece of paper. When you write down the letter g you make the loop first and then you make the tail. So you want to do the exact opposite, erase the tail first and then start erasing the loop starting from the inside. Get it? Well, since I don't know what you just said I'll assume that its "I sure do!". The same go's for the t and the i's, people cross the t and dot the i's after they have made there vertical line.

Step 4. Ok, so now you have spent way too much time on the last step and you got all the letters completely erased on the last frame. Select all the frames in the layer (you can do this by clicking the layer name) and go to Modify > Timeline > Reverse Frames. Now your frames have been reversed and you can play scrub the timeline to see that its working the way that you want it to. Now you can put in a stop action on the last frame to stop it from looping. And that's it!