1. Home
  2. Interactief
  3. Web Design
  4. Filmpjes & Youtube toevoegen
Mu Skill 6

Filmpjes & Youtube toevoegen

In deze skill leer je hoe je lokale filmpjes en youtube filmpjes kan toevoegen aan jouw website! Ook leer je hoe je jouw flash-animaties SWF’s kan toevoegen.

1. Youtube video plaatsen

  1. Klik op  Menubalk > Object > Widget toevoegen > Sociaal > YouTube
  2. Sleep het Youtube Widget in je opmaak
  3. Klik op blauwe pijltje rechtsbovenin > plaats de code in de link na de

2. Flash-animatie (.swf ) invoegen in Muse:

Op het examen word er ook van je verwacht dat je een (simpele) animatie kunt maken in Flash en deze als swf-bestand in je site kunt zetten. Dit is heel eenvoudig en werk net als hoe je een plaatje

  1.  Menubalk > Bestand > Plaatsen… Je selecteert nu het swf-bestand

    Let op!

    Je kunt dus geen FLA-bestand (Animate project) invoegen. Je moet eerst in Flash je animatie exporteren:  Menubalk > Bestand > Exporteer film – Kies voor .swf

  2. Net als een filmpje kun je het pas bekijken in de voorvertoning functie.
  3. Hulp nodig bij het maken van een flash animatie? Kijk nog even naar de tutorials van Animate van de vorige periode!

Als je op het examen een website moet maken, heb je geen internet. Je kunt dan geen filmpje toevoegen via YouTube (zoals jullie het nu gedaan hebben)! Het is ook mogelijk om een filmpje toe te voegen vanuit een map op je computer, dit is wel iets ingewikkelder maar je moet dit kunnen voor je examen!!! 

Zorg ervoor dat je filmpje in dezelfde map staat als al je plaatjes. Geef het ook een simpele, duidelijke naam want deze naam moet je straks ook invoeren (typen) en hier mogen absoluut geen foutjes in staan anders kan Muse het niet vinden! 

Je gaat nu het film-bestand importeren in Muse. 

  1.  Menubalk > Bestand > bestanden toevoegen voor uploaden… 

Het bestand staan nu bij je elementen (tabblad aan de rechterkant van je scherm). 

Filmpje toevoegen aan de broncode

  1. Om het filmpje in je site te zetten, moet je een aantal regels in HTML-code schrijven (niet kopieren!!). Deze code ziet er als volgt uit: 
<video width=”320” height=”240” controls> 
<source src=”assets/naam.mov”/>
</video> 

Als je een .mp4 hebt in plaats van een .mov dan type je naam.mp4 

Eisen:

  • De hoogte en breedte van het filmpje hoe het op je site te zien is.
  • De naam van je filmpje. (Let op! Deze naam moet exact overeen komen. Als er net iets niet klopt (hoofdletters, spelling, spaties…) kan Muse het niet koppelen!)
Leeg frame?

Het frame is in je ontwerp leeg en er staat onderin ‘laden…’ bij. Dit blijft zo. Om te kijken of je filmpje werkt kun je de voorvertoning bekijken

.

 

Updated on februari 6, 2019

Related Articles