Lunds universitets logotyp, länk till Lunds universitet
Lyssna

Webbläsaren som du använder stöds inte av denna webbplats. Alla versioner av Internet Explorer stöds inte längre, av oss eller Microsoft (läs mer här: * https://www.microsoft.com/en-us/microsoft-365/windows/end-of-ie-support).

Var god och använd en modern webbläsare för att ta del av denna webbplats, som t.ex. nyaste versioner av Edge, Chrome, Firefox eller Safari osv.

Bädda in video från Canvas

– lägg in embed-koden i kodläget

Canvas har flera fördelar när det gäller video, bland annat att funktionen för automatisk textning fungerar riktigt bra på svenska. Men det krävs lite mer för att bädda in video från Canvas i Drupal än när det gäller video från Youtube och Vimeo.

Det finns inget direkt stöd för Canvas på samma sätt som för Youtube och Vimeo inbyggt i Drupal. I stället behöver du generera en embed-kod i Canvas och klistra in den i Drupals kodläge. För vissa lägre behörigheter i Drupal har man inte tillgång till kodläget. Då får du be din webbplatsansvarige eller annan med högre behörighet att gå igenom stegen nedan.

  1. I Canvas Studio (klicka på "Studio" i den gröna listen till vänster), klicka på de tre prickarna till höger om rubriken på den video du vill dela. Välj "Dela media" i menyn som öppnas.
    Skärmklipp från Canvas admin-gränssnitt som visar hur man delar video
    Klicka på de tre prickarna för att få upp menyn.
  2. Under fliken "Länkar", klicka på "Skapa offentlig länk".
    Skärmklipp från Canvas admin-gränssnitt som visar hur man skapar en delningslänk
    Klicka på "Skapa offentlig länk"
  3. Markera och kopiera länken i fältet "Länk". Observera att den nedre (”Inbäddad kod”) ger ett felaktigt resultat på små skärmar (mobiler).
    En skärmdump från Canvas över var länken kopieras ifrån.
    Kopiera koden som finns i fältet ”Länk”.
  4. Gå till webbplatsen https://iframely.com/embed/
     
  5. Klistra in länken (från steg 3 ovan) i fältet och klicka på "Check it".
    En skärmdump på var en klistrar in länken.
    Klistra in länken och klicka på Check it.
  6. Kopiera den genererade inbäddningskoden genom att klicka på "Copy code".
    Skärmdump på var en kopierar den genererade inbäddningskoden.
    Klicka på Copy code för att kopiera koden.
  7. I textredigeraren i Drupal, ändra "Text format" (under inmatningsfältet) till "Full HTML"
    Skärmklipp från Drupals admin-gränssnitt som visar hur man ändrar till Full HTML-läget
    Ändra till Full HTML-läget.
  8. Då du bytt till "Full HTML" dyker knappen "Source" upp ganska långt till höger bland snabbknapparna överst i textredigeraren. Klicka på "Source".
    Skärmklipp från Drupals admin-gränssnitt som visar hur man går in i textredigerarens kodläge
    Klicka på "Source" för att få möjligheten att klistra in (eller skriva egen) kod.
  9. Nu är textredigeraren i kodläge. Klistra in embed-koden från Canvas Studio där du vill att videon ska synas på sidan.
    Skärmdump på var en klistrar in embed-koden i Drupal.
    Klistra in embed-koden på lämplig plats i texten.
  10. Spara sidan.

Tips: Du som inte är så van vid att läsa kod kan i det vanliga inmatningsläget skriva in något ("XXXXXXX") som är lätt att hitta tillbaka till i kodläget för att lättare veta var du ska placera in embed-koden för att videon ska hamna rätt.

Support

Vid frågor vänligen kontakta Servicedesk.

E-post: servicedesk [at] lu [dot] se

Ange alltid webbplatsens eller sidans URL för vilken ärendet gäller.

Sidansvarig: edina [dot] voloder [at] kommunikation [dot] lu [dot] se | 2021-09-01