[uf-discuss] RFC: sHTML Video Thumbnailing

Charles Iliya Krempeaux supercanadian at gmail.com
Sun May 27 17:01:34 PDT 2007

Hello Maciej,

On 5/27/07, Maciej Stachowiak <mjs at apple.com> wrote:
> On May 27, 2007, at 11:10 AM, Charles Iliya Krempeaux wrote:
> >
> >
> > Really there are different sources a thumbnail can come from.
> >
> > A thumbnail can come from a video.  But it could also come from a
> > (static) image.
> >
> > So... to distinguish between these different types of thumbnails, I've
> > added a class-video to the <q> element.  (I suppose if you have a
> > thumbnail from a static image you could add class-image... but
> > anyways....)
> >
> > So, our example from before becomes...
> >
> >    <q class="video" cite="http://example.com/video"><img
> > src="http://example.com/thumbnail.jpg" /></q>
> >
> > Or if you want that pretty-printed...
> >
> >    <q class="video" cite="http://example.com/thevideo">
> >        <img src="http://example.com/thumbnail.jpg" />
> >    </q>
> >
> >
> >
> > RFC
> >
> > Comments?  Critisizms?  Opinions?
> I don't think this is a very natural use of the <q> element. A
> thumbnail isn't really like a quote of a prose fragment. Consider
> that you would never put a thumbnail in quotation marks.

True... but you don't have to have the <q> elements put quotes around
the thumbnail.

Please refer to the following to see how to get rid of it...


This is similar to the problem we have with using <abbr> for dates.

Some browsers put a border under the <abbr> element.

We get rid of the bottom border some browser put under the <abbr>
element (when we use it for dates) with a little extra inline style.

We can do something similar here for the <q> element used for video thumbnails.

> Also, <q cite=""> does not generally result in a clickable hyperlink,

It's not suppose to be clickable (in general).

In this bit of sHTML, I'm only tackling the problem of video thumbnailing.

It is true that I often do make it clickable by having code like the

    <a href="http://example.com/thevideo">
       <q class="video" cite="http://example.com/thevideo">
           <img src="http://example.com/thumbnail.jpg" alt="..." />

But this is NOT always the case.  Sometimes I don't want the thumbnail
to be clickable.

> and <q>
> adds rendered quotes in some browsers but not others. If you want the
> full video to be clickable, what you might want is:
> <a rev="thumbnail" href="http://example.com/video">
>    <img src="http://example.com/thumbnail.jpg">
> </a>

I'm not sure if the "rev" attribute is being used correctly in your markup.

> Or, since rev is confusing and semi-deprecated, you could use
> rel="full-video" or something like that; there's no very good
> opposite to "thumbnail" unfortunately.
> Regards,
> Maciej

See ya

    Charles Iliya Krempeaux, B.Sc.

    charles @ reptile.ca
    supercanadian @ gmail.com

    developer weblog: http://ChangeLog.ca/

More information about the microformats-discuss mailing list