List Info

Thread: Re: RFC: sHTML Video Thumbnailing




Re: RFC: sHTML Video Thumbnailing
user name
2007-05-27 13:18:00
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 <supercanadiangmail.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://exam
ple.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://exam
ple.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/
>
_______________________________________________
microformats-discuss mailing list
microformats-discussmicroformats.org
http://microformats.org/mailman/listinfo/microforma
ts-discuss

Re: RFC: sHTML Video Thumbnailing
user name
2007-05-27 13:26:41
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 <supercanadiangmail.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
<supercanadiangmail.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://exam
ple.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://exam
ple.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/
> >
_______________________________________________
microformats-discuss mailing list
microformats-discussmicroformats.org
http://microformats.org/mailman/listinfo/microforma
ts-discuss

Re: Re: RFC: sHTML Video Thumbnailing
user name
2007-05-27 13:48:42
Intriguing. A few points:

1. About your CSS, neither border nor text-decoration remove
the 
quotation punctuation added to q by browsers that attempt to
follow the 
HTML specification for q. You'd want to use the quotes
property:

http:
//www.w3.org/TR/CSS21/generate.html#quotes

Since q is an inline element and blockquote is block,
presumably 
sometimes you'd want to use blockquote instead.

2. Your examples should include proper alt text.

3. I'd suggest using class="videothumbnail"
instead of class="video", 
which could mean all sorts of things.

--
Benjamin Hawkes-Lewis

Charles Iliya Krempeaux 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
> 

_______________________________________________
microformats-discuss mailing list
microformats-discussmicroformats.org
http://microformats.org/mailman/listinfo/microforma
ts-discuss

[1-3]

about | contact  Other archives ( Real Estate discussion Medical topics )