Video toevoegen in Dreamweaver

HTML5 ondersteunt video- en audiotags waarmee gebruikers video- en audiobestanden kunnen afspelen in een browser, zonder externe invoegtoepassing of speler. Dreamweaver ondersteunt coderingstips voor het toevoegen van video- en audiotags.

Live View geeft de video weer en biedt een voorvertoning van de video die u in de webpagina insluit.

Zie HTML5-video's invoegen in Dreamweaver voor meer informatie over het invoegen van een HTML5-video.

FLV-bestanden invoegen

FLV-bestanden invoegen

U kunt heel eenvoudig een FLV-video aan een webpagina toevoegen; u hebt het hulpprogramma voor het maken van Flash-objecten niet nodig. U hebt een gecodeerd FLV-bestand nodig voordat u begint.

Dreamweaver voegt een SWF-onderdeel in dat het FLV-bestand weergeeft; wanneer het onderdeel in een browser wordt weergegeven, wordt het geselecteerde FLV-bestand en een reeks afspeelbesturingen weergegeven.

In Dreamweaver hebt u de volgende opties voor het afspelen van FLV-video voor de bezoekers van uw site:

Hiermee wordt het FLV-bestand gedownload naar de vaste schijf van de bezoeker, waarna het wordt afgespeeld. Anders dan bij traditionele methoden ("downloaden en afspelen) voor het afspelen van video's, kan bij progressief downloaden als worden begonnen met het afspelen van het videobestand voordat het helemaal is gedownload.

Hiermee wordt de video-inhoud gestroomd en op een webpagina afgespeeld na een korte bufferperiode die zorgt voor ononderbroken afspelen. Om streamingvideo mogelijk te maken op uw webpagina's, hebt u toegang nodig tot Adobe® Flash® Media Server.

U moet een gecodeerd FLV-bestand hebben voordat u het in Dreamweaver kunt gebruiken. U kunt videobestanden invoegen die zijn gemaakt met twee soorten codecs (technologieën voor compressie/decompressie): Sorenson Squeeze en On2.

Net als met gewone SWF-bestanden voegt Dreamweaver wanneer u een FLV-bestand invoegt code in waarmee wordt gedetecteerd of de gebruiker over de juiste versie van Flash Player beschikt om de video weer te geven. Als de gebruiker niet over de correcte versie beschikt, wordt alternatieve inhoud op de pagina weergegeven waarmee de gebruiker wordt gevraagd de meest recente versie van Flash Player te downloaden.

Ga voor meer informatie over het werken met video's naar het Video Technology Center op www.adobe.com/go/flv_devcenter_nl.

Een FLV-bestand invoegen

Opties instellen voor progressieve downloadvideo's

In het dialoogvenster FLV invoegen kunt u opties instellen voor het via progressief downloaden afspelen van een FLV-bestand dat is ingevoegd in een webpagina.

Opties instellen voor het streamen van videobeelden

In het dialoogvenster FLV invoegen kunt u opties instellen voor het streamen van een videodownload van een FLV-bestand dat is ingevoegd in een webpagina.

Downloadinformatie voor Flash Player bewerken

Wanneer u een FLV-bestand op een pagina invoegt, voegt Dreamweaver code in waarmee wordt gedetecteerd of de gebruiker over de juiste versie van Flash Player beschikt. Als dat niet het geval is, wordt op de pagina standaard alternatieve inhoud weergegeven waarmee de gebruiker wordt gevraagd om de meest recente versie te downloaden. U kunt deze alternatieve inhoud op elk moment wijzigen.

Deze procedure is ook van toepassing op SWF-bestanden.

Problemen met FLV-bestanden oplossen

In deze sectie worden enkele van de meestvoorkomende oorzaken van problemen met FLV-bestanden behandeld.

Weergaveproblemen als gevolg van ontbrekende verwante bestanden

De code die wordt gegenereerd door Dreamweaver CS4 en latere versies, vertrouwt op vier afhankelijke bestanden, anders dan het FLV-bestand zelf:

• swfobject_modified.js

• expressInstall.swf

• FLVPlayer_Progressive.swf

• Het skinbestand (bijvoorbeeld Clear_Skin_1.swf)

Houd er rekening mee dat Dreamweaver CS4 en latere versies twee extra afhankelijke bestanden gebruiken in vergelijking met Dreamweaver CS3.

De eerste twee van deze bestanden (swfobject_modified.js en expressInstall.swf) worden geïnstalleerd in de map Scripts, die Dreamweaver maakt in de hoofdmap van uw site (als deze map nog niet bestaat).

De andere twee bestanden (FLVPlayer_Progressive.swf en het skinbestand) worden geïnstalleerd in dezelfde map als de pagina waarin de FLV is ingesloten. Het skinbestand bevat de besturingselementen voor de FLV en de naam van dit bestand is afhankelijk van de gekozen skin in de opties die worden beschreven in Dreamweaver Help. Als u bijvoorbeeld Clear Skin kiest, krijgt het bestand de naam Clear_Skin_1.swf.

Alle vier afhankelijke bestanden MOETEN worden geüpload naar uw externe server om de FLV correct weer te geven.

Het uploaden van deze bestanden vergeten is de meestvoorkomende oorzaak van een onjuiste weergave van FLV-bestanden op een webpagina. Als een van de bestanden ontbreekt, ziet u mogelijk een 'wit vak' op de pagina.

Om ervoor te zorgen dat u alle afhankelijke bestanden hebt geüpload, gebruikt u het deelvenster Bestanden van Dreamweaver om de pagina te uploaden waarop de FLV wordt weergegeven. Wanneer u de pagina uploadt, vraagt Dreamweaver u of u afhankelijke bestanden wilt uploaden (tenzij u deze optie hebt uitgeschakeld). Klik op Ja om afhankelijke bestanden te uploaden.

Weergaveproblemen wanneer een voorvertoning van een pagina lokaal wordt weergegeven

Wegens beveiligingsupdates in Dreamweaver CS4 kunt u de opdracht Voorvertoning in browser niet gebruiken om een pagina met een ingesloten FLV te testen, tenzij u een lokale testserver opgeeft in uw Dreamweaver-sitedefinitie en de testserver gebruikt om een voorvertoning van de pagina weer te geven.

Gewoonlijk hebt u alleen een testserver nodig als u pagina's ontwikkelt met ASP, ColdFusion of PHP (zie Uw computer instellen voor de ontwikkeling van toepassingen). Als u websites maakt die alleen HTML gebruiken en als u geen testserver hebt gedefinieerd, wordt er een aantal skinbesturingselementen op het scherm weergegeven wanneer u op F12 (Windows) Opt+F12 (Macintosh) drukt. U kunt deze situatie omzeilen door de testserver te definiëren en de testserver te gebruiken om een voorvertoning van uw pagina weer te geven of u kunt uw bestanden uploaden naar een externe server en ze daar weergeven.

Andere mogelijke oorzaken voor problemen met FLV-bestanden

• Als u problemen hebt om een voorvertoning lokaal weer te geven, moet u ervoor zorgen dat de optie Voorvertonen met een tijdelijk bestand is uitgeschakeld bij Bewerken > Voorkeuren > Real-time voorvertoning

• Controleer of u beschikt over de laatste FlashPlayer-insteekmodule.

• Let goed op wanneer u bestanden en mappen buiten Dreamweaver om verplaatst. Wanneer u bestanden en mappen buiten Dreamweaver om verplaatst, kan Dreamweaver de juiste paden naar FLV-verwante bestanden niet garanderen.

• U kunt het FLV-bestand waarmee de problemen optreden, tijdelijk vervangen door een FLV-bestand waarvan u weet dat dit goed werkt. Als het vervangende FLV-bestand werkt, is er een probleem met het oorspronkelijke FLV-bestand en niet met uw browser of computer.

Een FLV-onderdeel bewerken of verwijderen

Verander de instellingen voor de video op uw webpagina door de voorlopige plaatsaanduiding voor het video-onderdeel in het documentvenster van Dreamweaver te selecteren en de eigenschappencontrole te gebruiken. Een andere manier om het video-onderdeel te verwijderen en opnieuw in te voegen, is door Invoegen > HTML > Flash-video te kiezen.

Het FLV-onderdeel bewerken

Het FLV-onderdeel verwijderen

Video toevoegen (andere indelingen)

Zie Video toevoegen (niet-FLV-bestand) als u wilt weten hoe u een videobestand toevoegt dat geen FLV-bestand is. 

U wilt wellicht ook weten hoe u in Dreamweaver inhoud van invoegtoepassingen invoegt om MP3-bestanden of Quicktime-video's in uw Dreamweaver-site af te spelen.