Video og canvas tag

<VIDEO> og <canvas> tag i HTML 5

Opgave 1, Video Tag og nogle af dets attributter.

Spørgsmål 1.

• Autoplay

Autoplay er en attribut til <video> tagget i HTML5, som når sat til, sørger for, at videoen der bliver afspillet i browseren vil blive startet automatisk. 

Eksempel: <video src=”video.ogg” autoplay></video> 

• Poster

Poster attributten til <video> tagget fungerer således at man har mulighed for at sætte et billede ind som skal blive vist hvis enten videoen ikke er startet endnu, eller der ikke hvis ikke browseren kan finde frem til selve video filen.

Eksempel: <video src=”video.ogg” poster=”billedeURL.jpg”></video>

• Controls

Controls skal næsten bruges til et hvert <video> tag, da den sørger for at vi kan starte/stoppe spole frem og tilbage, justere volumen evt. sætte videoen i fuld skærm.

Eksempel: <video src=”video.ogg” controls></video>

• Loop

Loop siger sådan set sig selv, her har vi mulighed for at vores video bliver genspillet igen og igen,                                            

Eksempel: <video src=”video.ogg” loop></video>

Spørgsmål 2

I hvilken Browser synes jeg at control attributten ser bedst ud?

Jeg synes at control baren i firefox er pænest, fordi den er lidt mere stil ren og mere afdæmpet end google chromes.

                        Chrome                                                                                          Firefox

                                                  

Spørgsmål 3

Jeg fik tjekket Google chrome, firefox, og internet explorer for at se om der var forskel på <canvas> tagget i de 3 browsere, jeg kunne ikke finde forskelle, de så alle sammen ens ud