Brat Janet on rünnanud ahv Elsa, Janet kardab hiljem ema taha peitu pugeda

Otsin saidi teisendamist Flash-põhisest videost HTML5-ks, praegune video kasutab slaidide kuvamiseks ajamärke (näiteks see, kuidas youtube'i videotes on reklaame). Kuid Youtube'i ja minu saidi erinevus seisneb selles, et seda ei kuvata video sees, slaidid kuvatakse video kõrval.

Kas ma saan kuidagi seda HTML5-ga saavutada? Või pean selleks kasutama Javascripti?

Kui see pole piisavalt selge, palun andke mulle teada.

  • HTML5 spetsifikatsioonis on video jaoks silte, kuid ma pole veel brauseri toes kindel.
  • diveintohtml5.org/video.html on lugemist väärt - lükake mind praegu liiga palju vaevama!

Teil on vaja JavaScripti.

Hea uudis on see, et see on üsna lihtne. Kasutage video taasesitamiseks lihtsalt jPlayeri videopleierit ja siduge seejärel $.jPlayer.event.timeupdate sündmus slaidiseansi edendamiseks:

EELDEMO SIIN

 <html> <head> <title>Demo : jPlayer as a slide player</title> <link href='skin/jplayer.blue.monday.css' rel='stylesheet' type='text/css' /> <style> #slideshow{ float:left; margin-left:10px;} .jp-video{ float:left;} </style> <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script> <script type='text/javascript' src='js/jquery.jplayer.min.js'></script> <script type='text/javascript'> //'); } if (currentTime >= 3 && currentTime < 12){ $('#slideshow').html(''); } if (currentTime >= 12 && currentTime < 16){ $('#slideshow').html(''); } if (currentTime >= 16 && currentTime < 22){ $('#slideshow').html(''); } if (currentTime >= 22 && currentTime < 30){ $('#slideshow').html(''); } if (currentTime >= 30){ $('#slideshow').html(''); } }); }); //]]> </script> </head> <body>  
</body> </html>

Jah, teie kirjeldatud slaidifunktsiooni rakendamiseks vajate JavaScripti, HTML5 on lihtsalt märgistus; saate sellega video lehele manustada - kuid selleks, et sellega midagi uhkemat teha, peate kasutama tavalist CSS-i ja JavaScripti kombinatsiooni.

none: Charles Robertson | none

none