Selecteer Invoegen > HTML > Flash-video.
Laatst bijgewerkt op
25 sep. 2023
Lees hoe u in Dreamweaver video's in webpagina's insluit en FLV-bestanden invoegt.
Video's insluiten in webpagina's (HTML5)
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.
Notitie
Hoewel u elke video in uw webpagina kunt insluiten, geeft Live View niet altijd alle video's weer. De audio- en videotags worden in Dreamweaver ondersteund met de Apple QuickTime-invoegtoepassing. In Windows kan de media-inhoud niet op de webpagina worden weergeven als de invoegtoepassing Apple QuickTime niet is geïnstalleerd.
Zie HTML5-video's invoegen in Dreamweaver voor meer informatie over het invoegen van een HTML5-video.
FLV-bestanden invoegen
FLV-bestanden invoegen
Je kunt eenvoudig FLV-video toevoegen aan je webpagina's zonder de Flash authoring tool te gebruiken. U hebt een gecodeerd FLV-bestand nodig voordat u begint.
Dreamweaver voegt een SWF-onderdeel toe dat het FLV-bestand weergeeft; wanneer bekeken in een browser, toont dit onderdeel het geselecteerde FLV-bestand en een set afspeelknoppen.
Dreamweaver biedt je de volgende opties voor het leveren van FLV-video aan je websitebezoekers:
Progressief downloadbare video
Downloadt het FLV-bestand naar de harde schijf van websitebezoekers en speelt het vervolgens af. In tegenstelling tot traditionele "downloaden en afspelen" methoden van videobezorging, stelt progressieve download de video in staat om te beginnen met afspelen voordat de download voltooid is.
Streaming video
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.
Notitie
Gebruikers kunnen FLV-bestanden alleen bekijken als Flash Player 8 of later op hun computer is geïnstalleerd. Als een gebruiker niet de vereiste versie van Flash Player heeft geïnstalleerd, maar wel Flash Player 6.0 r65 of later heeft geïnstalleerd, wordt in de browser een installatieoptie voor Flash Player weergegeven in plaats van de alternatieve inhoud. Als de gebruiker dit installatieprogramma niet accepteert, wordt de alternatieve inhoud op de pagina weergegeven.
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
Selecteer in het dialoogvenster FLV invoegen de optie Progressieve download of Streaming video in het pop-upmenu Videotype.
Vul de rest van de opties in het dialoogvenster in en klik op OK.
Notitie
Microsoft Internet Information Server (IIS) verwerkt geen geneste objecttags.Voor ASP-pagina's gebruikt Dreamweaver geneste object/embed-code in plaats van geneste objectcode bij het invoegen van SWF- of FLV-bestanden.
Opties instellen voor progressieve video-download
In het dialoogvenster FLV invoegen kun je opties instellen voor levering via progressieve download van een FLV-bestand dat is ingevoegd in een webpagina.
Selecteer Invoegen > HTML > Flash-video (of klik op het pictogram Flash-video in de categorie HTML van het deelvenster Invoegen).
Selecteer in het dialoogvenster FLV invoegen de optie Video met progressieve download in het menu Videotype.
Geef de volgende opties op:
URL
Een relatief of absoluut pad naar het FLV-bestand. Om een relatief pad op te geven (bijvoorbeeld mijnpad/mijnvideo.flv), klik je op de button Verkennen, navigeer je naar het FLV-bestand en selecteer je het. Om een absoluut pad op te geven, typ je de URL (bijvoorbeeld http://www.example.com/myvideo.flv) van het FLV-bestand.
Skin
Hiermee wordt de weergave van het video-onderdeel opgegeven. Een voorvertoning van de geselecteerde skin verschijnt onder het pop-upmenu Skin.
Breedte
De breedte van het FLV-bestand in pixels. Dreamweaver bepaalt de breedte van het FLV-bestand en deze breedte wordt automatisch in dit veld weergegeven.
Hoogte
De hoogte van het FLV-bestand in pixels. Dreamweaver optimaliseert automatisch de hoogte van het FLV-bestand en deze hoogte wordt automatisch in dit veld weergegeven.
Notitie
Totaal met skin is de breedte en hoogte van het FLV-bestand plus de breedte en hoogte van de geselecteerde skin.
Beperken
Houdt dezelfde beeldverhouding aan tussen de breedte en hoogte van het videoonderdeel. Deze optie is standaard geselecteerd.
Automatisch afspelen
Geeft aan of de video automatisch wordt afgespeeld wanneer de webpagina wordt geopend.
Automatisch terugspoelen
Specificeert of de afspeelregeling terugkeert naar de startpositie nadat de video klaar is met afspelen.
Klik op OK om het dialoogvenster te sluiten en het FLV-bestand
toe te voegen aan je webpagina.
De opdracht FLV invoegen genereert een videospeler SWF-bestand en een skin SWF-bestand die worden gebruikt om je video-content weer te geven op een webpagina. (Om de nieuwe bestanden te zien, moet je mogelijk op de knop Vernieuwen klikken in het paneel Bestanden.) Deze bestanden worden opgeslagen in dezelfde map als het HTML-bestand waaraan je video-content toevoegt.Wanneer je de HTML-pagina met het FLV-bestand uploadt, uploadt Dreamweaver deze bestanden als afhankelijke bestanden (zolang je op Ja klikt in het dialoogvenster Afhankelijke bestanden plaatsen).
Opties instellen voor het streamen van videobeelden
Het dialoogvenster FLV invoegen laat je opties instellen voor streaming videodownload van een FLV-bestand dat is ingevoegd in een webpagina.
Selecteer Invoegen > HTML > Flash-video (of klik op het pictogram Flash-video in de categorie HTML van het deelvenster Invoegen).
Selecteer Streamingvideo in het pop-upmenu Type video.
Server-URI
Specificeert de servernaam, applicatienaam en instantienaam in de vorm rtmp://www.example.com/app_name/instance_name.
Naam van stream
Geeft de naam op van het FLV-bestand dat je wilt afspelen (bijvoorbeeld mijnvideo.flv). De extensie lflv is optioneel.
Skin
Hiermee wordt de weergave van het video-onderdeel opgegeven. Een voorvertoning van de geselecteerde skin verschijnt onder het pop-upmenu Skin.
Breedte
De breedte van het FLV-bestand in pixels. Dreamweaver bepaalt de breedte van het FLV-bestand en vult automatisch deze breedte in dit veld in.
Hoogte
De hoogte van het FLV-bestand in pixels. Dreamweaver bepaalt de hoogte van het FLV-bestand en vult automatisch deze hoogte in pixels in dit veld in.
Notitie
Totaal met skin is de breedte en hoogte van het FLV-bestand plus de breedte en hoogte van de geselecteerde skin.
Beperken
Hiermee behoudt u dezelfde verhouding tussen de breedte en hoogte van het video-onderdeel. Deze optie is standaard geselecteerd.
Live video
Geeft aan of de inhoud van de video live is. Als Live video is ingeschakeld, speelt Flash Player een live video af die wordt gestreamd van Flash® Media Server. De naam van de live video is de naam die is opgegeven in het tekstvak Naam van stream.
Notitie
Als u Live video wilt inschakelen, moet u een van de opties voor halo-skin selecteren in het veld Skin. Als u Live video selecteert, wordt alleen de volumeregelaar weergegeven op de skin van het onderdeel, omdat u live video niet kunt manipuleren. Bovendien hebben de opties Automatisch afspelen en Automatisch terugspoelen geen effect.
Automatisch afspelen
Geeft aan of de video moet worden afgespeeld wanneer de webpagina wordt geopend.
Automatisch terugspoelen
Geeft aan of de afspeelregeling terugkeert naar de startpositie nadat de video klaar is met afspelen.
Buffertijd
Geeft de tijd op, in seconden, die nodig is voor buffering voordat de video begint af te spelen. De standaard buffertijd is ingesteld op 0 zodat de video direct begint af te spelen nadat op de knop Afspelen is geklikt. (Als Automatisch afspelen is geselecteerd, begint de video af te spelen zodra er verbinding wordt gemaakt met de server.) Je wilt misschien een buffertijd instellen als je video levert met een hogere bitsnelheid dan de verbindingssnelheid van de websitebezoeker, of wanneer internetverkeer bandbreedteproblemen of verbindingsproblemen kan veroorzaken. Als je bijvoorbeeld 15 seconden video naar de webpagina wilt sturen voordat de webpagina de video begint af te spelen, stel je de buffertijd in op 15.
Klik op OK om het dialoogvenster te sluiten en voeg het FLV-bestand
toe aan je webpagina.
De opdracht FLV invoegen genereert een videospeler SWF-bestand en een skin SWF-bestand die worden gebruikt om je video op een webpagina weer te geven.De opdracht genereert ook een main.asc-bestand dat je moet uploaden naar je Flash Media Server. (Om de nieuwe bestanden te zien, moet je mogelijk op de knop Vernieuwen klikken in het deelvenster Bestanden.) Deze bestanden worden opgeslagen in dezelfde map als het HTML-bestand waaraan je video content toevoegt. Wanneer je de HTML-pagina met het FLV-bestand uploadt, vergeet dan niet de SWF-bestanden naar je webserver te uploaden en het bestand main.asc naar je Flash Media Server.
Notitie
Als je al een bestand main.asc op je server hebt, neem dan contact op met je serverbeheerder voordat je het bestand main.asc uploadt dat is gegenereerd door de opdracht FLV invoegen.
Je kunt eenvoudig alle vereiste mediabestanden uploaden door de video-componentplaatshouder te selecteren in het documentvenster van Dreamweaver en op de knop Media uploaden te klikken in de eigenschappencontrole (Venster > Eigenschappen). Klik op Vereiste bestanden tonen om een lijst met vereiste bestanden te bekijken.
Notitie
De knop Media uploaden uploadt niet het HTML-bestand dat de video content bevat.
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.
Notitie
Als een gebruiker niet over de vereiste versie beschikt, maar wel over Flash Player 6.0 r65 of later, wordt een installatieoptie voor Flash Player weergegeven. Als de gebruiker dit installatieprogramma niet accepteert, wordt de alternatieve inhoud op de pagina weergegeven.
Selecteer
in de ontwerpweergave van het documentvenster het SWF-bestand of FLV-bestand.
Klik op het oogje in het SWF- of FLV-bestand.
Notitie
Je kunt ook op Control+] drukken om naar de alternatieve contentweergave te schakelen.Druk op Control + [ totdat alle alternatieve content is geselecteerd om terug te keren naar de SWF/FLV-weergave. Druk vervolgens opnieuw op Control+[.
Bewerk de content net zoals je andere content
in Dreamweaver zou bewerken.
Notitie
Je kunt geen SWF-bestanden of FLV-bestanden toevoegen als alternatieve content.
Klik nogmaals op het oogpictogram om terug te keren naar de SWF- of FLV-
bestandsweergave.
Problemen met FLV-bestanden oplossen
Dit gedeelte beschrijft enkele van de meest voorkomende oorzaken van problemen met FLV-bestanden.
Weergaveproblemen veroorzaakt door afwezigheid van gerelateerde bestanden
De code die wordt gegenereerd door Dreamweaver CS4 en later is afhankelijk van vier afhankelijke bestanden, verschillend van het FLV-bestand zelf:
swfobject_modified.js
expressInstall.swf
FLVPlayer_Progressive.swf
Het skinbestand (bijvoorbeeld Clear_Skin_1.swf)
Let op dat er twee extra afhankelijke bestanden zijn voor Dreamweaver CS4 en later, vergeleken met Dreamweaver CS3.
De eerste twee van deze bestanden (swfobject_modified.js en expressInstall.swf) worden geïnstalleerd in een map genaamd Scripts, die Dreamweaver aanmaakt in de hoofdmap van je site als deze nog niet bestaat.
De laatste twee bestanden (FLVPlayer_Progressive.swf en het skin-bestand) worden geïnstalleerd in dezelfde map als de pagina waarin de FLV is ingesloten.Het skin-bestand bevat de bedieningselementen voor de FLV en de naam ervan hangt af van de skin die is gekozen in de opties beschreven in Dreamweaver Help.Als je bijvoorbeeld Clear Skin kiest, wordt het bestand Clear_Skin_1.swf genoemd.
Alle vier afhankelijke bestanden MOETEN worden geüpload naar je externe server opdat de FLV correct wordt weergegeven.
Het vergeten uploaden van deze bestanden is de meest voorkomende oorzaak van FLV-bestanden die niet correct werken in een webpagina. Als een van de bestanden ontbreekt, zie je mogelijk een 'wit vakje' op de pagina.
Om er zeker van te zijn dat je alle afhankelijke bestanden hebt geüpload, gebruik je het Dreamweaver Bestanden-paneel om de pagina te uploaden waarin de FLV verschijnt. Wanneer je de pagina uploadt, vraagt Dreamweaver je of je afhankelijke bestanden wilt uploaden (tenzij je deze optie hebt uitgeschakeld). Klik op Ja om afhankelijke bestanden te uploaden.
Weergaveproblemen bij lokale voorvertoning van pagina's
Vanwege beveiligingsupdates in Dreamweaver CS4 kun je het commando Voorvertoning in browser niet gebruiken om een pagina met een ingesloten FLV te testen, tenzij je een lokale testserver definieert in je Dreamweaver-sitedefinitie en de testserver gebruikt om een voorvertoning van de pagina te bekijken.
Normaal gesproken heb je alleen een testserver nodig als je pagina's ontwikkelt met ASP, ColdFusion of PHP (zie Je computer instellen voor applicatieontwikkeling). Als je websites bouwt die alleen HTML gebruiken en geen testserver hebt gedefinieerd, levert het indrukken van F12 (Windows) Opt+F12 (Macintosh) een wirwar van skin-bedieningselementen op het scherm op. De oplossing is om de testserver te definiëren en de testserver te gebruiken om een voorvertoning van je pagina te bekijken, of je bestanden te uploaden naar een externe server en ze daar te bekijken.
Notitie
Het is mogelijk dat beveiligingsinstellingen ook verantwoordelijk zijn voor het onvermogen om lokale FLV-content te bekijken, maar Adobe heeft dit nog niet kunnen bevestigen.U kunt proberen de beveiligingsinstellingen te wijzigen om te zien of het probleem wordt verholpen. Zie Tech Note 117502 voor meer informatie over het wijzigen van de beveiligingsinstellingen.
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
Selecteer de tijdelijke aanduiding voor het video-onderdeel
in het Dreamweaver Document-venster door te klikken
op het FLV-pictogram in het midden van de tijdelijke aanduiding.
Open de Eigenschappencontrole (Venster > Eigenschappen) en breng je wijzigingen aan.
Notitie
Je kunt videotypes niet wijzigen (van progressieve download naar streaming, bijvoorbeeld) door de Property inspector te gebruiken. Om het videotype te wijzigen, verwijder je het FLV-onderdeel en voeg je het opnieuw in door Invoegen > Media > FLV te selecteren.
Het FLV-onderdeel verwijderen
Selecteer de tijdelijke aanduiding van het FLV-onderdeel
in het Adobe Dreamweaver document-venster en druk op
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.
Verwante informatie
Prachtige websites ontwerpen in Dreamweaver
Ontwerp, codeer en beheer dynamische websites in een krachtige alles-in-één tool.
