Hoe u audio- en videobestanden invoegt in Dreamweaver - dummies

bevinden. Hoewel u Dreamweaver kunt gebruiken om videobestanden rechtstreeks in een webpagina in te voegen, is ons beste advies om een ​​van de video-hostingservices te gebruiken, zoals als YouTube of Vimeo.

Wanneer u Media selecteert in het menu Invoegen, vindt u meerdere video- en audio-opties. Als u videobestanden wilt invoegen die zich in een van de oudere en meer eigen indelingen bevinden, zoals Windows Media Video (. Wmv) of QuickTime (. Mov), kiest u de optie Plugin in de vervolgkeuzelijst Media in de invoegtoepassing. menu.

Als u de nieuwste video-indelingen wilt gebruiken met de HTML5-videotag, kunt u video invoegen in de MP4-, webM- of Ogg Theora-indeling door de volgende stappen uit te voeren:

1. Klik op de gewenste locatie het bestand dat op uw webpagina moet verschijnen.

2. Kies Invoegen → Media → HTML5-video.

   U kunt ook op de vervolgkeuzelijst in het paneel Invoegen klikken, Media kiezen en vervolgens HTML 5 Video selecteren. Een klein grijs vak met een filmpictogram verschijnt in uw ontwerp.

   

3. Klik op het kleine grijze vak met een filmpictogram.

   De video-eigenschappen worden weergegeven in de eigenschappencontrole onder aan het scherm.

4. Voer in het veld Bron in de eigenschappencontrole de URL van uw videobestand in of selecteer het pictogram Bladeren en selecteer vervolgens een videobestand op uw harde schijf.

   Nadat u het bestand hebt geselecteerd, verschijnen het pad en de bestandsnaam in het bronvenster.

   

5. (Optioneel) Gebruik de velden Alt Source 1 en Alt Source 2 om de URL in te voeren of blader en selecteer video in extra indelingen.

   Een van de complexiteiten van het gebruik van de HTML5-videotag is dat je deze kunt gebruiken met drie videoformaten: mp4, Ogg Theora en webM. Als u wilt dat uw video in alle populaire webbrowsers wordt afgespeeld, moet u de video in alle drie de indelingen opnemen.

   Je ziet dat alle drie bronvelden zijn ingevuld met video's in elk van deze indelingen. Bovendien kunt u een Flash-video voor oudere webbrowsers opnemen in het veld Flash Fallback.

   Als je vindt dat het gek is om vier verschillende videobestanden in vier verschillende indelingen te moeten embedden, ben je niet de enige. Deze complexiteit is te wijten aan het gebrek aan overeenstemming tussen browserbedrijven over welk formaat het beste is voor video.

   Nog een voordeel van het gebruik van Vimeo of YouTube om je video's te hosten, is dat je een video in slechts één indeling kunt uploaden, en YouTube en Vimeo deze video converteren en automatisch in al deze indelingen weergeven.

6. Voer de hoogte en breedte in van de velden H en W van de eigenschappencontrole.

   Wanneer u audio of video toevoegt, bepaalt Dreamweaver niet automatisch de hoogte en breedte van het bestand, dus u moet de dimensies toevoegen in de eigenschappencontrole nadat u het bestand hebt ingevoegd.

7. Sla de pagina op en klik op het pictogram Voorbeeld (wereldbol) (bovenaan het werkgebied) om de pagina in een browser te openen, om compatibiliteit te garanderen.

   Niet alle videoformaten worden in alle browsers afgespeeld. Test uw video om ervoor te zorgen dat deze wordt afgespeeld in de browser die u target als uw primaire bestemming. Als u het bestand hebt ingesteld op Automatisch afspelen, wordt uw bestand automatisch afgespeeld wanneer de pagina in de browser wordt geladen. Anders voegt uw browser een eenvoudige controller in, zodat u de video kunt starten, pauzeren, vooruitspoelen en terugspoelen.