Vis video på din side

Vær opmærksom på, at der er udviklet et særligt plugin til at vise videoer fra Youtube på dine sider, hvor designet passer med det generelle webdesign.

Du kan udstille en video fra Youtube, Vimeo eller andre videotjenester, ved at indlejre (embedde) den på din side i et html-element.

Allerførst skal du finde embed-koden for den video, du vil vise på din side: Ved Youtube videoer skal du trykke på ”Del” (Share) og derefter ”Indlejring” (Embed). Nu dukker der noget html-kode op, du kan kopiere ind i et TYPO3 html-element. Koden kan se ud som i eksemplet nedenfor. Denne kode kan også kopieres ind i et nyhedselements html-visning. I en Vimeo video skal du trykke på ”share”. Under Embed skal du kopiere hele html-koden.

Når du har embed-koden klar, gør du sådan:

  1. I TYPO3 opretter du et nyt sideelement på den side, hvor du gerne  vil have vist videoen. Vælg sideelementet Ren HTML.
  2. Du kan justere højde/bredde.  I dette eksempel er forholdet mellem bredde og højde 16/9. Hvis du ændrer på fx højden, skal du justere bredden så videoen bevarer sit format.
  3. I en nyhed kan du copy/paste koden i nyhedens html-visning. Bemærk, <iframe>-tagget skal pakkes ind i et <p>-tag. (Se eventuelt Indsæt video eller anden iframe.)
Eksempel på embed-kode:
Eksempel på embed-kode: <iframe width="560" height="315" src="//www.youtube.com/embed/dtFqlVJvsGg" frameborder="0" allowfullscreen></iframe>
Eksempel på embed-kode i nyhed
Eksempel på embed-kode i nyhed

TYPO3's Medie-element

Hvis du ønsker at vise fx en avi-fil (Windows multimedia-filformat) eller en mov-fil (Apple multimedie-filformat), må du først konvertere den til et mpg- eller mp4-filformat for at TYPO3's Medie-element kan vise den. Kontakt dit frontoffice, som kan hjælpe med konverteringen ('encoding').

Før du begynder at uploade filer til TYPO3's Medie-element, bør du tjekke ophavsretten. Læs om ophavsret på Aarhus University Library.

iframe

En iframe (kort for 'inline frame') er et html-element, som gør det muligt for dig at indlejre en ekstern webside hvor som helst på din egen webside.

463 / typo3