Lägga en Youtube-film direkt i editorn på en webbsida

Ska du lägga in en Youtube-film?

Använd videoblocket.  

Skapa ett videoblock

Ska du lägga in en livesändning från Youtube? 

OBS! Bädda bara in livesändningar i editorn. De går i nuläget inte att lägga in i videoblocket. 
Som en temporär lösning kan du i stället bädda in videon direkt i editorn. I den lösningen är videon inte responsiv, vilket innebär att den inte anpassar sig för mobil. Därför behöver du också lägga till en länk eller en call-to-action-knapp som leder direkt till livesändningen på YouTube.

På sikt kommer vi inte att lägga in filmer i editorn eftersom allt innehåll på webbplatsen ska vara responsivt.

Så bäddar du in en Youtube-film i editorn

1. Kopiera filmens inbäddningskod från Youtube.
2. Öppna sidan du ska lägga til filmen på för redigering.
3. Vid ytan Innehåll klicka på knappen Källkod.
4. Leta rätt på den plats i koden där du vill att filmen ska ligga och kopiera in inbäddningskoden där.
5. Lägg sedan till: 
   
   <div class="container">
   <div class="video-wrapper"><iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen=""></iframe></div>
   </div>
   
   OBS! Byt ut ovan exempellänk till klippet. 
   
6. Klicka på Ok när du är klar. 
7. Kontrollera att filmen hamnar där du vill att den ska vara. 
8. Gå till fliken Script och lägg till nedan: 
   

   <style>
   .video-wrapper {
     position: relative;
     padding-bottom: 56.25%; /* 16:9 = 9 / 16 = 0.5625 = 56.25% */
     height: 0;
     overflow: hidden;
     max-width: 100%;
   }

    

   .video-wrapper iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
   }
   </style>
   

9. Lägg också till en länk eller eller en call-to action knapp med länk till livesändningen eftersom den inbäddade filmen inte kommer visas i responsivt läge. 
10. När du är klar klickar du på Publicera? och Publicera eller Publicera ändringar.