« MIME type (more) | Main | Where does iWeb store its file »
zondag 24 mei 2009
How to add a movie to your blog
Start by creating an empty/blank textpage in the HTML Editor of your choice. Use Smultron for starters.
Then add the most basic of HTML code. Check my demo pages for inspiration (While there, right-click and choose Show source code from the menu)
In the body section of the page you add the OBJECT/EMBED code for your movie/sound. Any movie or sound. Can be QuickTime, Flash, Silverlight, Real, DivX, anything. If it moves and/or makes noise it's media. See my sample pages. Or the demo pages I mentioned above.
Publish the page on the server and test it. Make sure it works. And test it again. And again. And again. No excuse.
Then come back to your Blog. Type some text as you see here and in the Edit <HTML> mode of the blog page, paste the following line of code:
<iframe height="320" src="http://www.wyodor.net/_Movies/Brand_VAF_Instruments/" frameborder="0" scrolling="no" width="506" allowTransparency="true"></iframe>
You should substitute your own details. Read this blogpost about Relative vs. Absolute pathnames.
Here's the result:
To see what files are used in the webpage, open the Activity window in Safari (Cmd-Alt-A). Works great with other webpages too. To download the items Option-Double-click each line in the window. Then store them in the correct folder.
Edit: pasting the IFRAME HTML element into the iWeb HTML Snippet gives the same result.
