[uf-discuss] Re: RFC: sHTML Video Thumbnailing

Charles Iliya Krempeaux supercanadian at gmail.com
Sun May 27 11:26:41 PDT 2007


Hello,

Sorry... I made an error in the last message.  I was thinking the
<abbr> element used for dates (for some reason).

That's NOT the style I add for thumbnails.

With the <q> element you need to get rid of the beginning and ending
quotes some browsers add.

I don't have the code in front of me at the moment, but I believe what
I add is...

  style="quotes : none none;"

See ya

-- 
    Charles Iliya Krempeaux, B.Sc.

    charles @ reptile.ca
    supercanadian @ gmail.com

    developer weblog: http://ChangeLog.ca/


On 5/27/07, Charles Iliya Krempeaux <supercanadian at gmail.com> wrote:
> Hello,
>
> Note... there is a detail I left out of this.
>
> One many browsers, the <q> element adds a specific style that really
> doesn't work a thumbnail.
>
> So I add the following to the <q> element...
>
>   style="border:0;text-decoration:none;"
>
> (I could probably get away with just the "border:0"... but I add the
> "text-decoration:none" just to be safe.)
>
> See ya
>
> --
>     Charles Iliya Krempeaux, B.Sc.
>
>     charles @ reptile.ca
>     supercanadian @ gmail.com
>
>     developer weblog: http://ChangeLog.ca/
>
>
> On 5/27/07, Charles Iliya Krempeaux <supercanadian at gmail.com> wrote:
> > Hello,
> >
> > This is an RFC -- Request for Comments.  So I'm looking for people's
> > opinions, comments, and criticisms on all this.
> >
> >
> > Note... this is NOT a Microformat.  Nor an attempt to define a new
> > Microformat.  This is about semantic HTML (sHTML) markup.
> >
> > (Hopefully this isn't too off-topic for this mailing list.  I'm just
> > looking to tap this group for comments on this.)
> >
> >
> >
> > BACKGROUND
> >
> > I'm developing some software for a client that will (among other
> > things) display video thumbnails within HTML.
> >
> > I've actually used this form of semantic HTML before.  However, until
> > this, none of it was publicly released.
> >
> > (Also, with this software, once it is out there, I won't be in control
> > of the software... and thus not able to make corrections to the markup
> > later.)
> >
> >
> >
> > SEMANTIC HTML
> >
> > The way I'm planning on marking these up is using a combination of 2
> > built in HTML elements.
> >
> > The <q> element and the <img> element.
> >
> > Conceptually, I'm considering a video thumbnail to be analogous to
> > quoted text.  In other words, I'm conceptually considering video
> > thumbnails to be a "quote" of a video.
> >
> > So, for example, we would have something like...
> >
> >     <q cite="http://example.com/video"><img
> > src="http://example.com/thumbnail.jpg" /></q>
> >
> > Or if you want that pretty-printed...
> >
> >     <q cite="http://example.com/thevideo">
> >         <img src="http://example.com/thumbnail.jpg" />
> >     </q>
> >
> >
> >
> > CITING VIDEO
> >
> > In this, I make use of the <q> element's "cite" attribute to refer to
> > the "video" where the thumbnail is taken from.
> >
> > This "cite" attribute might refer to a binary video file.  But could
> > also refer to a "blog post" or "vlog post" in which the video is
> > embedded.
> >
> > For the purposes of this, I'm considering some (but not all) HTML
> > pages to be "video".  So.. for example, an HTML "vlog post" is
> > considered to be "video".
> >
> >
> >
> > TYPES OF THUMBNAILS
> >
> > 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?
> >
> >
> > --
> >     Charles Iliya Krempeaux, B.Sc.
> >
> >     charles @ reptile.ca
> >     supercanadian @ gmail.com
> >
> >     developer weblog: http://ChangeLog.ca/
> >


More information about the microformats-discuss mailing list