I Del 1 visade jag hur sajten poeter.se kan
hjälpa dig att få grunderna i html rätt.
När du väl följt instruktionerna där, är du redo att börja stoppa in
kul saker i dina texter. Vi tar väl det roligaste direkt, eller?
Lägga in video
Youtube gör
det riktigt enkelt för oss!
Säg att vi har hittat (eller laddat upp) en video, som vi vill stoppa in
i en text på poeter.se, kanske en
intervju med Tranströmer?
När du har videon framme, gör så här:
- Klicka på "Share" (eller vad knappen råkar heta på det
språk du använder för youtube. Kolla nummer 1 på bilden här nedan.
Då öppnas
en rad med olika varianter på hur du kan dela med dig av denna video till andra.
- Klicka på tabben "Embed", så hjälper dig Youtube med just den
html-kod du behöver för att stoppa in videon mitt i någon annan sajt. (Koden iframe,
som du kan se där, innebär att du monterar ett litet fönster i din egen sida och
anger en adress där innehållet till detta virtuella fönster skall hämtas.)
- Vi måste anpassa storleken på bilden. Vi har tillgång till ett utrymme
som är prick 370 punkter brett. Välj därför alternativet ”valfri storlek/custom size” och skriv in 370 i det första fältet för storlek. (Lämna den andra rutan tom)
(Motsvarande ställe som youtube såg ut när jag först skrev denna artikel, har jag markerat med en trea.!)
Om du vill, kan du göra lite extra val i kryssrutorna. Även om du är nöjd med vilka kryssrutor, så behöver klicka i någon av rutorna (och sedan klicka igen) för att youtube skall räkna ut rätt fönsterhöjd och uppdatera inbäddningskoden.
- Sedan kopierar vi hela den kod, som Youtube lagt upp i kodrutan. (Där jag skrivit en fyra).
- Nu är det bara att klistra in koden i din text. Se bara till att texten är i html-läge.
- När du sparat och publicerat, kan du öppna din text och njuta av text
och video i (förhoppningsvis skön) samverkan.
I Del 3 bygger vi länkar!
Texten uppdaterad 20150119: Fönsterbredden på nuvarande design är 370 pixlar. Youtube's delningsfunktion har bytt utseende litegrand. Den inbäddade videon syntes inte längre.
Jo, såhär blev den inbäddade videon:
----------------------------------------
Innehållsförteckning
HTML för poeter. Del 1 - Grunderna
HTML för poeter. Del 2 - Video
HTML för poeter. Del 3 - Länkar
HTML för poeter. Del 4 - RSS