Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision Both sides next revision
mattias_10 [2019-11-14 13:16]
Mattias Hamberg 		mattias_10 [2019-11-21 19:53]
Mattias Hamberg [Instruktioner]
Line 1: Line 1:
 ====== Använd video på dina sidor ====== ====== Använd video på dina sidor ======
  
 +
 +===== Genomgång =====
 +
 +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>
  
 ===== Instruktioner ===== ===== Instruktioner =====
Line 10: Line 30:
   - Länka till stilmallen `style.css` i `index.html`   - Länka till stilmallen `style.css` i `index.html`
   - Gör en topplista över dina tio roligaste klipp   - Gör en topplista över dina tio roligaste klipp
-  - De fyra klippen i mappen `videos/` måste vara med på listan +  - Minst ett av klippen i mappen `videos/` måste vara med på listan 
-  - 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]] +  - 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 
-  - 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]]+  - 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
   - Designa din topplista så att den blir snygg   - Designa din topplista så att den blir snygg
   - Lämna in den på vklass   - Lämna in den på vklass
-