Plaats de cursor zich op de positie bevindt waar u de video wilt invoegen.
Laatst bijgewerkt op
27 apr. 2021
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.
Voor meer informatie over het HTML5 video-element, zie het artikel over HTML5 Video op W3schools.com.
HTML5-video invoegen
Selecteer Invoegen > HTML > HTML5-video. Het element HTML5-video wordt ingevoegd op de opgegeven positie.
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.
Notitie
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. Voor de laatste informatie, zie HTML5 - Browser Support.
|
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 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
Sla de webpagina op.
Selecteer Bestand > Real-time voorvertoning. Selecteer de browser waarin u de video wilt voorvertonen.
Verwante informatie
Prachtige websites ontwerpen in Dreamweaver
Ontwerp, codeer en beheer dynamische websites in een krachtige alles-in-één tool.
