130 likes | 311 Views
Html5. Rich Media. Video. Helt ny Element i html Ersätter FlashVideo Lätt att använda Layout ändringar med css och js. VideoFormat. Hur implenterar man den. <video src =“yourmovie.ogg" controls="controls"> Not supported! </video>. Valfria Egenskaper.
E N D
Html5 Rich Media
Video • Helt ny Element i html • Ersätter FlashVideo • Lätt att använda • Layout ändringar med css och js
Hur implenterar man den • <video src=“yourmovie.ogg" controls="controls">Not supported!</video> Valfria Egenskaper
AutoSpela<video controls="controls" autoplay="autoplay"></video> • Bredd & Hög<video width="320" height="240" controls="controls"> <source src="movie.ogg" type="video/ogg" /> <source src="movie.mp4" type="video/mp4" /></video> • looploop="loop“ • Förhandsbildposter="whale.png"
Videons controls tag innehåller • Play • Pause • Seeking • Volume • Fullscreen toggle • Captions/Subtitles (when available) • Audio track (when available)
JS • Du kan använda Javascript att göra annan layout och ha mera egenskaper i din video
Var används • Flera sidor har redan använder video taggen • Ex. P.g.a Ipad stöd • Exempelsida http://www.html5video.org/
Audio • Layout ändringar med css och js • Helt ny Element i html • Ersätter FlashAudio • Lätt att använda
Var används • Samma ställen som videon • Ipad • ShowCase • http://www.apple.com/html5/