1 / 13

Html5

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.

sachi
Télécharger la présentation

Html5

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Html5 Rich Media

  2. Video • Helt ny Element i html • Ersätter FlashVideo • Lätt att använda • Layout ändringar med css och js

  3. VideoFormat

  4. Hur implenterar man den • <video src=“yourmovie.ogg" controls="controls">Not supported!</video> Valfria Egenskaper

  5. 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"

  6. Videons controls tag innehåller • Play • Pause • Seeking • Volume • Fullscreen toggle • Captions/Subtitles (when available) • Audio track (when available)

  7. JS • Du kan använda Javascript att göra annan layout och ha mera egenskaper i din video

  8. Var används • Flera sidor har redan använder video taggen • Ex. P.g.a Ipad stöd • Exempelsida http://www.html5video.org/

  9. Audio • Layout ändringar med css och js • Helt ny Element i html • Ersätter FlashAudio • Lätt att använda

  10. Audioformat och stöd

  11. Hur implenterar man den

  12. Audio JS

  13. Var används • Samma ställen som videon • Ipad • ShowCase • http://www.apple.com/html5/

More Related