Demo Video Player Accessibility

Note: The demo works best in Firefox version >= 3.5, but also in the latest experimental releases of Safari (with XiphQT installed), Opera and Chrome. It will not work in IE.

Experiment description

This is a demo of video accessibility. Features:

The main elements of this Web page are:

  <video class="v" src="elephants_dream/elephant.ogv" poster="elephants_dream/elephant.png" >

    <itext id="video_af" lang="af" type="text/srt" charset="ISO-8859" display="auto"
           src="elephants_dream/elephant.afrikaans.srt" category="SUB"></itext>
    <itext id="video_ar" lang="ar" type="text/srt" charset="Windows-1256" display="auto"
           src="elephants_dream/elephant.arabic.srt" category="SUB"></itext>
    <itext id="video_bn" lang="bn" type="text/srt" charset="UTF-8" display="auto"
           src="elephants_dream/elephant.bangla.srt" category="SUB"></itext>
    <itext id="video_br" lang="br" type="text/srt" charset="Windows-1252" display="auto"
           src="elephants_dream/elephant.breton.srt" category="SUB"></itext> 
    <itext id="video_bg" lang="bg" type="text/srt" charset="Windows-1251" display="auto"
           src="elephants_dream/elephant.bulgarian.srt" category="SUB"></itext>   
    <itext id="video_ca" lang="ca" type="text/srt" charset="UTF-8" display="auto"
           src="elephants_dream/elephant.catalan-utf8.srt" category="SUB"></itext>
    <itext id="video_zh" lang="zh" type="text/srt" charset="GB18030" display="auto"
           src="elephants_dream/elephant.chinese.srt" category="SUB"></itext>   
    <itext id="video_cz" lang="cs" type="text/srt" charset="ISO-8859-1" display="auto"
           src="elephants_dream/elephant.czech.srt" category="SUB"></itext>
    <itext id="video_da" lang="da" type="text/srt" charset="ISO-8859-1" display="auto"
           src="elephants_dream/elephant.danish.srt" category="SUB"></itext>
    <itext id="video_nl" lang="nl" type="text/srt" charset="ISO-8859-1" display="auto"
           src="elephants_dream/elephant.dutch.srt" category="SUB"></itext>   
    <itext id="video_en" lang="en" type="text/srt" charset="ISO-8859" display="auto"
           src="elephants_dream/elephant.english.srt" category="SUB"></itext>
    <itext id="video_et" lang="et" type="text/srt" charset="Windows-1252" display="auto"
           src="elephants_dream/elephant.estonian.srt" category="SUB"></itext>  
    <itext id="video_fi" lang="fi" type="text/srt" charset="ISO-8859-1" display="auto"
           src="elephants_dream/elephant.finnish.srt" category="SUB"></itext>    
    <itext id="video_fr" lang="fr" type="text/srt" charset="ISO-8859-1" display="auto"
           src="elephants_dream/elephant.french.srt" category="SUB"></itext>   
    <itext id="video_de" lang="de" type="text/srt" charset="ISO-8859" display="auto"
           src="elephants_dream/elephant.german.srt" category="SUB"></itext>    
    <itext id="video_el" lang="el" type="text/srt" charset="ISO-8859-7" display="auto"
           src="elephants_dream/elephant.greek.srt" category="SUB"></itext>
    <itext id="video_he" lang="he" type="text/srt" charset="Windows-1252" display="auto"
           src="elephants_dream/elephant.hebrew.srt" category="SUB"></itext>  
    <itext id="video_hu" lang="hu" type="text/srt" charset="UTF-8" display="auto"
           src="elephants_dream/elephant.hungarian-utf8.srt" category="SUB"></itext> 
    <itext id="video_it" lang="it" type="text/srt" charset="UTF-8" display="auto"
           src="elephants_dream/elephant.italian.srt" category="SUB"></itext>

    <itext id="video_ja" lang="ja" type="text/srt" charset="UTF-8" display="auto"
           src="elephants_dream/elephant.japanese.srt" category="CC"></itext>
     <itext id="video_ja" lang="ja" type="text/srt" charset="EUC-JP" display="auto"
            src="elephants_dream/elephant.japanese-euc.srt" category="CC"></itext>
    <itext id="video_mt" lang="mt" type="text/srt" charset="UTF-8" display="auto"
           src="elephants_dream/elephant.maltese_utf8.srt" category="CC"></itext>    
    <itext id="video_nn" lang="nn" type="text/srt" charset="ISO-8859-1" display="auto"
           src="elephants_dream/elephant.norwegian.srt" category="CC"></itext>   
    <itext id="video_pl" lang="pl" type="text/srt" charset="UTF-8" display="auto"
           src="elephants_dream/elephant.polish.srt" category="CC"></itext>
    <itext id="video_pt" lang="pt" type="text/srt" charset="UTF-8" display="auto"
           src="elephants_dream/elephant.portuguese.srt" category="CC"></itext>  
    <itext id="video_pt_br" lang="pt-br" type="text/srt" charset="ISO-8859-1" display="auto"
           src="elephants_dream/elephant.brazilian.srt" category="CC"></itext>  
    <itext id="video_ro" lang="ro" type="text/srt" charset="ISO-8859-1" display="auto"
           src="elephants_dream/elephant.romanian.srt" category="CC"></itext>
    <itext id="video_ru" lang="ru" type="text/srt" charset="Windows-1251" display="auto"
           src="elephants_dream/elephant.russian.srt" category="CC"></itext>
    <itext id="video_sl" lang="sl" type="text/srt" charset="ISO-8859-1" display="auto"
           src="elephants_dream/elephant.slovenian.srt" category="CC"></itext>
    <itext id="video_es" lang="es" type="text/srt" charset="ISO-8859" display="auto"
           src="elephants_dream/elephant.spanish.srt" category="CC"></itext>
    <itext id="video_es_mx" lang="es-mx" type="text/srt" charset="ISO-8859" display="auto"
           src="elephants_dream/elephant.spanish-us.srt" category="CC"></itext>
    <itext id="video_sk" lang="sk" type="text/srt" charset="Windows-1251" display="auto"
           src="elephants_dream/elephant.slovak.srt" category="CC"></itext>
    <itext id="video_sv" lang="sv" type="text/srt" charset="ISO-8859-1" display="auto"
           src="elephants_dream/elephant.swedish.srt" category="CC"></itext>

    <itext id="audiodesc" lang="en" type="text/srt" charset="ISO-8859" display="yes"
           src="elephants_dream/audiodescription.srt" category="TAD"></itext>

    <itext id="chapters" lang="en" type="text/srt" charset="ISO-8859" display="yes"
           src="elephants_dream/chapters.srt" category="CUE"></itext>

</video>

Credits

The demo was created by Silvia Pfeiffer for Mozilla to explore video accessibility approaches with the new HTML5 video tag.

Thanks to Hans Schmucker for his video player skin.

Thanks to the Orange Open Movie Team for the Creative Commons licensed "Elephants Dream" movie that was used as an example here, (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org.