i also take a similar approach with same end result on vlogdir.com.
example:
http://vlogdir.com/permalink/594
when chris added the entry, he filled out a form to include an image and a video.
the end result works as if the image were a quicktime poster movie, but its not.
some of andreas' scripts caveats apply here, except the image can be any size (technically, but not setup that way on vlogdir) and it does work on Internet Explorer fine. It also checks/detects for Quicktime plugin and displays message with link to download quicktime if user does not have it.
could be made into a plugin of course.
and yeah josh is correct about the popup blockers.... it has no effect if a user initiates the popup from clicking a link.
also, though I am a fan of embedding video on pages (this includes popup window), i think it is poor practice to do so in any way that causes the video to download automatically on a page, even the media permalink page. Especially in a blog page where people can submit comments... because often times after this is submitted the page reloads and the video starts to download again.... wasting bandwidth. Yes, a little so-called Ajax scripting for the comments form would help here to but thats besides the point.
even sites like blip.tv work like this.
either make the comments in a popup window like rocketboom (ever wonder why they do this? now you know) or make the video in a popup or use _javascript_ as mentioned here and by andreas, or use a combination of an iframe and show/hide div layer to mimic the function of the popup window but embedded on page.
there are also some newer more interesting techniques i've been experimenting with.... but i wont get into that techbabble here.
sull
On 1/20/06,
Andreas Haugstrup <[EMAIL PROTECTED]> wrote:
On Fri, 20 Jan 2006 11:02:55 +0100, Eddie Codel <[EMAIL PROTECTED]> wrote:
> Awesome script Josh. Thanks for that contribution to the vlogosphere.
> I'm wondering if you or anyone else has basically done the same thing but
> embedded the video within the image area of the blog post. I see Steve
> Garfield's vlog has exactly what I mean. To accomplish that, there is
> some _javascript_ wrapped around what is displayed in the blog which then
> calls an external script to change it's contents. Hoping that might be
> something that can be shared.
I'm using that on my blog. You can get the _javascript_ at <URL:
http://www.solitude.dk/img/video-link.js > and there's no documentation.
Make a copy of that file, upload to your own server and link to it with
<script type="text/_javascript_" src="" Basically it
searches for links of the format:
<a href="" rel="enclosure" type="video/quicktime">
The first child of the link must be an image (to weed out false positives).
You can see it in effect on <URL:
http://www.solitude.dk/archives/20051201-1610/ >
Problems with the current version:
- Only works with Quicktime video
- Image has to be the same size as the video
- Quicktime player will be 320*240 regardless of your video size
- Doesn't work in Internet Explorer, but degrades gracefully to a normal
link
Eventually I will fix these.
- Andreas
--
<URL: http://www.solitude.dk/ >
Commentary on media, communication, culture and technology.
Yahoo! Groups Links
<*> To visit your group on the web, go to:
http://groups.yahoo.com/group/videoblogging/
<*> To unsubscribe from this group, send an email to:
[EMAIL PROTECTED]
<*> Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
--
sull
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
"The hybrid or the meeting of two media is a moment of truth and revelation from which new form is born"
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
http://vlogdir.com - The Videoblog Directory
http://videobloggers.org - Free Videoblog Hosting / Vlogosphere Aggregator
SPONSORED LINKS
| Individual | Fireant | Use |
| Explains |
YAHOO! GROUPS LINKS
- Visit your group "videoblogging" on the web.
- To unsubscribe from this group, send an email to:
[EMAIL PROTECTED]
- Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service.
