enric wrote this 6:48 am:
Below is a tutorial on coding quicktime video to play
videos playing in place, visit my Cirne site and try out the video
After seeing the videos start and stop with mouse rollover at vlogs universe, I decided to code my videos to appear in place on my web pages. I wanted to create generalized
techniques, please let me know.
1) The first thing I figured is that the content of a <div> could be replaced
What showVlog function does is take the ID of a <div> (divName) and the http location of a
quicktime movie (movSrc) and replace the content of the specified <div> with formatted <object> and <embed> code
for the movie. You may also optionaly enter the movie width (movWidth), movie height (movHeight), whether it automaticaly
starts playing (movAutoplay) and displays a movie controller (movController). Or accept the default settings for those
parameters: A movie that's 320x260 (with controller), does not auto play and will display the controller.
After trying this
out and making it work, I realized I usually want my movies to autoplay (start playing immediately.) So I created another, simpler function
playVlog(...) that has autoplay on:
appropriate directory on my server (/vlog/script directory.)
by putting it as the first entry:
Since RSS aggregators will organize each entry as
4 Then I place <a href...>
link code within a <noscript> tag. The <noscript> tag serves two purposes: 1) If scripting is disabled, it allows the user to
start the movie from the link inside the <noscript> tag and 2) RSS engines will format the first visible <a href...> pointer to
a media resource as an enclosure:
movie function. First create a <div> with a unique <id>:
6) Then put in a <img> tag within a <span> container. The
<img> tag has a style="cursor: pointer;", so that the cursor becomes a pointer when entering the image to indicate it's a clickable
If using WordPress 1.5, you'll need
to comment out the following line in the php file wp-includes/default-filters.php:
Otherwise the above script will be reformated by WordPress and not link
And here is a sample entry to place the video in the page (please change it
That's generally it. Let me know if you have any questions, see any errors
or have any suggestions.
Update 2/27/06: The "Writing the vlog" and the "sample
entry" above previously had errors. They should be correct now.