En del af de sider vi har laver har et videomodul installeret ét eller andet sted på siden.
Videomodulet trækker som udgangspunkt videoer der er lagt på youtube eller Vimeo. Det gør de af den simple årsag at din webside kan blive for “tung” hvis videoerne bliver lagt direkte ind på siden, og det går ud over sidens hastighed.

Til denne lille tutorial har vi lånt screenshots fra Underdogfilm.dk.

Underdog laver de fedeste videoproduktioner, så hvis du skulle få lyst til at svinge forbi deres site får du et link lige her.

Siden er bygget med “Visuel Composer” som er standard for de sider vi bygger.

1: Sådan finder du videomodulet

Når du skal udskifte din video – skal du først starte med at gå ind på den side hvor din video ligger.
I Underdogfilms tilfælde ligger den på forsiden.
Vælg herefter “Rediger”

Screen-Shot-2017-01-24-at-06.15.58

Når du har valgt rediger kommer du ind på sidens “backend editor”. Det er den opbygning du bruger når du arbejder med “Visuel Composer”.

2: Sådan skifter du videoen

For at udskifte videoen skal du først og fremmest finde det “modul” hvor videoen ligger. I Underdogfilms tilfælde skal ligger den et stykke nede af siden.
NB: Underdogfilms tema, ser lidt anderledes ud i “Visuel composer” opbygningen end mange andre sider – de benytter temaet “Jupiter” – et super lækkert tema – men lidt anderledes i opbygningen end så mange andre temaer. 

Screen-Shot-2017-01-24-at-05.59.12

 

Videoplayer modulet finder du blandt de mange “byggeklodser” siden er bygget op af.

 

 

Screen Shot 2017-01-24 at 05.57.46

Tryk på det lille grønne “Rediger” ikon.

 

Screen-Shot-2017-01-24-at-05.58.52

 

Brug HTML-koden fra den video du ønsker at indsætte i det felt der hedder “Video Link” – du finder koden ved at åbne den video du ønsker at indsætte og kopiere koden

Screen-Shot-2017-01-24-at-05.58.37

 

3: Opdater – Færdig

Når du har indsat den nye kode trykker du “opdater” og så er du i luften med den nye video på din webside.

Screen-Shot-2017-01-24-at-06.56.46

 

Standard udseende på videomodul med Visuel Composer

Som nævnt er de screenshots der er udarbejdet til denne tutorial lavet med den template der hedder Jupiter. En fed og funktionel template – men brugerfladen ser anderledes ud end den de fleste har i deres backend, så for en god ordens skyld får du lige screenshots der viser hvordan video-modulet ser ud i standard udgaven af “Visuel Composer”.

Fremgangsmåden med at redigere er den samme, som beskrevet ovenfor.
Screen-Shot-2017-01-24-at-06.25.57

 

Screen-Shot-2017-01-24-at-06.25.50