Master HTML5 Video Markup - dummies

Det er enkelt sagt at det er to primære medieelementer for HTML5, som begge er absurd, enkle å bruke. Videoelementet heter, og lydelementet er oppkalt.

I motsetning til lyd, som ikke krever mye (eller noe) mellomrom på skjermen, krever video en skjermramme, samt mer sofistikerte og flere kontroller. Det er derfor, selv om de to merkingselementene er like, kommer videoen med betydelig mer bagasje, selv om elementets grunnleggende struktur forblir den samme:

 kontroller >> Alternativer Her peker src-attributten på videofilen du vil ha spilt. Det spesifiserer navnet på videobjektfilen for avspilling og må være en gyldig URI. Eksempel: src = "video. ogg”.

Listen over kontrollattributter for video er betydelig lengre og litt mer komplisert også:

autoplay: Forteller at nettleseren begynner å spille video så snart objektfilen er lastet. Eksempler: autoplay eller autoplay = "autoplay".

• kontroller: Forteller at nettleseren skal vise en skjermdisplay for å kontrollere videoavspilling (vanligvis med pause / avspillingsknapper, en fremdriftslinje og volumkontroll). Eksempler: kontroller eller kontroller = "kontroller".

• høyde: Angir høyden, i piksler, av boksen som videoen vil vise. Eksempel: høyde = "480".

• loop: Forteller at nettleseren skal gå tilbake til begynnelsen og fortsette å spille når det kommer til enden av objektfilen. Eksempler: loop eller loop = "loop".

• < ! - 3 ->

  mediagroup: Brukes til synkronisering av avspilling av flere videoer eller medieelementer (for eksempel et tegnspor eller et SAP-spor). Tar en strengverdi der alle elementer med samme mediagruppevalg er behandlet sammen som medlemmer av gruppen. Eksempel: mediagroup = "movie".

• dempet: Angir lydutgangstilstand for avspilling, hvis det er til stede, blir lyden dempet når avspillingen begynner. Bruk dette når høyt eller oppsiktsvekkende lyd ellers kan forstyrre sidebesøkende

• poster: Angir et bilde som skal vises mens videofilen ikke er tilgjengelig (har ikke lastet inn ennå). Eksempel: plakat = "Poster. Jpg".

• forhåndsbelastning: Forteller nettleseren om den skal forhåndsbelaste objektfilen, og i så fall hvordan den skal forhåndslastes. verdiene inkluderer:

• none: Laster ikke inn noen del av videofilen når siden laster.

  • metadata: Legger bare video-metadataene når siden laster. Det oppretter også avspilling, men har ikke data lastet ennå.

  • auto: Laster hele videofilen når siden laster.

  • Preload-attributtet ignoreres hvis autoplay er til stede.

  bredde: Angir bredden, i piksler, av boksen som videoen viser. Eksempel: width = "640".

• Følgende markering viser en videofragment fra Wikipedia:

Browser støtter ikke HTML5-video, alternativ avspilling levert.

Figuren viser hva denne siden inne i en riktig konstruert HTML-fil med litt ekstra tekst og informasjon ser ut som på skjermen i Chrome, like etter at videoen avsluttet avspilling. "? Kontrollpanelet for video er nesten identisk med kontrolllinjen for lyd.

Forskjellen er at videostyringslinjen har en ramme kontroller helt til høyre. Vær også oppmerksom på at alternativer for videoavspilling fungerer på samme måte som de gjør for tilbakemelding på lyden, slik at du kan stable din foretrukne spiller først for HTML5-nettlesere å bruke hvis de kan, etterfulgt av andre spillere uansett hvilken rekkefølge du foretrekker.