[uf-discuss] RFC: sHTML Video Thumbnailing

Benjamin Hawkes-Lewis bhawkeslewis at googlemail.com
Mon May 28 17:07:19 PDT 2007


Charles Iliya Krempeaux wrote:

> It's the "cite" attribute that gives it value.
> 
> It lets me bind a set of thumbnails together (as being from the same
> "video") while allowing the thumbnails to be all over the place (and
> not necessarily in some container element, like a <span> or something,
> which binds them together).
> 
> (Did that make sense?  Did I explain that well?  Or would an example help?)

Ah, I see your problem. It's not pretty, but until HTML-next comes to 
town how about either of the following hacky solutions:

1. Using <cite> then trying to hide it

<span class="video-still"><img 
src="http://www.example.com/thumbnail.jpg" alt="Still: Dorothy 
encounters the Lion"><span class="full-video">(<cite 
class="full-video">(<a href="http://www.example.com/video">Wizard of 
Oz</a></cite>)</span>

with CSS:

@media all {
.full-video {display:none;speak:none;height:0;visibility:hidden;width:0}
}

If the citation is not hidden, it's not the end of the world: it still 
makes sense. Thanks to buggy treatment of display:none, I think 
mainstream screen readers will fail to read it even though they ignore 
speak:none.

http://css-discuss.incutio.com/?page=ScreenreaderVisibility

http://www.freedomscientific.com/fs_support/BulletinView.cfm?QC=1165

2. Using <object>

<object class="video-still" type="image/jpeg" 
data="http://www.example.com/thumbnail.jpg">
<param name="full-video" value="http://www.example.com/video" 
valuetype="ref"></param>
Still: Dorothy encounters the Lion.
</object>

Both would need some testing though.

--
Benjamin Hawkes-Lewis


More information about the microformats-discuss mailing list