Handboek Annuleren

HTML5-video invoegen

 

 

Meer informatie over het invoegen van een HTML5-video in uw webpagina's en het voorvertonen van de video in een browser.

In Dreamweaver kunt u HMTL5-video invoegen in webpagina's.

Het element HTML5-video biedt een standaardmanier om films of video's in te sluiten in webpagina's.

Raadpleeg het artikel over HTML5-video op W3schools.com voor meer informatie over het element HTML5-video.

HTML5-video invoegen

  1. Plaats de cursor zich op de positie bevindt waar u de video wilt invoegen.

  2. Selecteer Invoegen > HTML > HTML5-video. Het element HTML5-video wordt ingevoegd op de opgegeven positie.

  3. Geef in het deelvenster Eigenschappen de waarden op voor de verschillende opties.

    Bron / Alternatieve bron 1 / Alternatieve bron 2: Voer bij Bron de locatie van het videobestand in. U kunt ook op het mappictogram klikken om een videobestand van het lokale bestandssysteem te selecteren. Ondersteuning voor video-indelingen varieert voor de verschillende browsers. Als de video-indeling bij Bron niet wordt ondersteund in een browser, wordt de indeling gebruikt die is opgegeven bij Alternatieve bron 1 of Alternatieve bron 2. De browser selecteert de eerste herkende indeling om de video weer te geven.

    Het opgeven van eigenschappen voor HTML5-video
    Het opgeven van eigenschappen voor HTML5-video

    Opmerking:

    Gebruik meervoudige selectie als u snel video's aan de drie velden wilt toevoegen. Wanneer u drie video-indelingen kiest voor dezelfde video in een map, wordt de eerste indeling in de lijst gebruikt voor Bron. De volgende indelingen in de lijst worden gebruikt om automatisch de waarden voor Alternatieve bron 1 en Alternatieve bron 2 in te vullen.

    Zie de volgende tabel voor meer informatie over browsers en ondersteunde video-indelingen. De laatste informatie vindt u in HTML5 - Browserondersteuning.

    Browser

    MP4

    WebM

    Ogg

    Internet Explorer 9

    JA

    NEE

    NEE

    Firefox 4.0

    NEE

    JA

    JA

    Google Chrome 6

    JA

    JA

    JA

    Apple Safari 5

    JA

    NEE

    NEE

    Opera 10.6

    NEE

    JA

    JA

    • Titel: geef een titel op voor de video.
    • Breedte (B): voer de breedte in pixels van de video in.
    • Hoogte (H): voer de hoogte in pixels van de video in.
    • Besturingselementen: selecteer deze optie als u besturingselementen voor video, zoals Afspelen, Pauzeren en Dempen, wilt weergeven op de HTML-pagina.
    • Automatisch afspelen: selecteer deze optie als u wilt dat de video wordt afgespeeld zodra deze is geladen op de webpagina.
    • Poster: voer de locatie in van de afbeelding die u wilt weergegeven tot de video volledig is gedownload of tot de gebruiker op Afspelen klikt. De waarden voor Breedte en Hoogte worden automatisch ingevuld wanneer u de afbeelding invoegt.
    • Herhalen: selecteer deze optie als u de video doorlopend wilt afspelen tot de gebruiker het afspelen van de film beëindigd.
    • Gedempt: selecteer deze optie als u het audiogedeelte van de video wilt dempen.
    • Flash-video: selecteer een SWF-bestand voor browsers die geen HTML5-video ondersteunen.
    • Tekst voor alternatieven: geef de tekst op die moet worden weergegeven als de browser geen HTML5 ondersteunt.
    • Vooraf laden: Geeft de voorkeuren van de auteur aan voor de wijze waarop de video moet worden geladen als de pagina wordt geladen. Als u Automatisch selecteert, wordt de volledige video geladen als de pagina wordt gedownload. Als u Metagegevens selecteert, worden alleen de metagegevens gedownload nadat het downloaden van de pagina is voltooid.

De video voorvertonen in een browser

  1. Sla de webpagina op.

  2. Selecteer Bestand > Real-time voorvertoning. Selecteer de browser waarin u de video wilt voorvertonen.

Krijg sneller en gemakkelijker hulp

Nieuwe gebruiker?