Använd video på dina sidor

Innan HTML5 var man tungen att använda sig av någon slags videospelare om man ville visa video på sin hemsida. Men nu har vi tillgång till betydligt smidigare metoder. Nu kan vi göra såhär:

<video src="videos/basta_filmen.mp4" controls>
  Du har en för gammal webbläsare för att kunna se denna film
</video>

Eller rent av såhär:

<video src="videos/basta_filmen.mp4" controls>

Det format som fungerar bäst är formatet `mp4`, alltså filmer komprimerade med`H.264`. Ett annat sätt att göra samma sak, är att använda `.ogg` medan man har `mp4` som backup är att göra såhär:

<video controls>
  <source src="videos/basta_filmen.ogg" type="video/ogg">
  <source src="videos/basta_filmen.mp4" type="video/mp4">
  Du har en för gammal webbläsare för att kunna se denna film
</video>

I denna uppgift ska du få prova några olika sätt att lägga till videor på dina sidor.

Ladda ner denna zip-fil

1. Länka till stilmallen `style.css` i `index.html`
2. Gör en topplista över dina fem roligaste klipp
3. Minst ett av klippen i mappen `videos/` måste vara med på listan
4. Minst ett klipp måste du hämta ifrån YouTube. Hur du gör det kan du läsa om här: https://support.google.com/youtube/answer/171780?hl=sv
5. Minst ett klipp måste du hämta ifrån Vimeo. Hur du gör det kan du läsa om här: https://vimeo.zendesk.com/hc/en-us/articles/224969968-Embedding-videos-overview
6. Designa din topplista så att den blir snygg
7. Lämna in den på vklass