[Ad_1]

Het WordPress-videoblok maakt het gemakkelijk om video's te uploaden en toe te voegen aan je pagina's en berichten. Het geeft je veel opties om de grootte en functies te regelen. Het toevoegen van video met dit blok maakt de inhoud professioneler en wenselijker. Gelukkig is het videoblok makkelijk in gebruik.

In dit artikel zullen we het videoblok verkennen. We zullen ook de instellingen en opties bekijken, enkele tips en best practices bekijken voor het gebruik ervan, en veelgestelde vragen bekijken.

Hoe voeg je het videoblok toe aan je bericht of pagina

Hoe voeg je het videoblok toe aan je bericht of pagina

Om het videoblok aan uw inhoud toe te voegen, plaatst u eerst uw cursor waar u het blok wilt laten verschijnen en selecteert u het gereedschap Invoegen. Vervolgens wordt een zoekvak geopend waarin u naar het blok kunt zoeken of kunt scrollen om de opties te zien. Zoeken Video en selecteer het wanneer het in de resultaten verschijnt.

Hoe voeg je het videoblok toe aan je bericht of pagina

Als je wilt, kun je typen /video waar u het blok wilt plaatsen en druk op Enter of selecteer het uit de opties.

Hoe voeg je het videoblok toe aan je bericht of pagina

Het videoblok wordt in het inhoudsgebied geplaatst. Het invoegen van media werkt hetzelfde als een fotokader. Download een video, kies een video uit de bibliotheek of voeg een URL in voor de video die je wilt bekijken. Als de URL afkomstig is van een bron zoals YouTube, wordt het blok geconverteerd naar dat type blok. De opties zijn minimaal totdat je een video uploadt.

Hoe voeg je het videoblok toe aan je bericht of pagina

De videospeler bevat alle basisafspeelopties, inclusief afspeel-/pauzeknoppen, een voortgangsbalk, audio, volledig scherm en download- en beeld-in-beeld-knoppen. Picture-in-Picture plaatst de video in de rechter benedenhoek zodat deze kan worden afgespeeld terwijl de gebruiker door de Site web. Onder de video kun je een onderschrift plaatsen.

Instellingen en opties voor videoblokkering

Instellingen en opties voor videoblokkering

Opties en instellingen zijn onder andere Toolbar en Sidebar. Je ziet al deze instellingen pas als je de video downloadt.

Videoblok-werkbalk

Videoblok-werkbalk

Klik ergens in het videoblok om de tools te zien. Sommige tools worden mogelijk pas weergegeven als u een blokgebied onder dat blok toevoegt. Laten we elke instelling in detail bekijken.

Blok of stijl van video wijzigen

Blok of stijl van video wijzigen

Als u het pictogram voor het afspelen van video's selecteert, wordt een vervolgkeuzelijst geopend waarin u het blok in andere soorten blokken kunt veranderen. Dit voorbeeld toont de omslag.

groep - dit voegt het blok toe aan een groep, zodat je ze als één blok kunt plaatsen.

Columns - dit plaatst het blok in de kolommen.

Media en tekst - dit voegt tekst toe naast de media, waardoor er twee kolommen ontstaan.

dekking - dit plaatst een onderschrift bij de video. U kunt het bijschrift van een alineablok vervangen door andere typen tekstblokken of een knop.

storting - dit verandert de video in een knop met een bijschrift, waardoor de gebruiker de video kan downloaden in plaats van deze af te spelen vanaf de Site web.

Schuifgereedschap voor videoblokken

Schuifgereedschap voor videoblokken

Pak het sleepgereedschap met je muis om het overal in je inhoud te verplaatsen. Er verschijnt een blauwe lijn om aan te geven waar het blok zal worden neergezet wanneer u het sleept.

Schuifgereedschap voor videoblokken

Het videoblok wordt dan op de nieuwe locatie geplaatst.

Videoblok verplaatsen

Videoblok verplaatsen

Verplaats het videoblok door een inhoudssectie met behulp van de pijlen omhoog en omlaag.

Uitlijning videoblok wijzigen

Uitlijning videoblok wijzigen

Uitlijningsopties zijn onder meer links, gecentreerd, rechts, breed en volledige breedte. Rechts en links uitlijnen wikkelt de tekst in het volgende blok rond de video. Ik heb dit voorbeeld ingesteld om rechts uit te lijnen.

Uitlijning videoblok wijzigen

Dit is een geweldige breedte. Het neemt het grootste deel van het scherm in beslag.

Videoblok teksttracks

Videoblok teksttracks

Teksttracks geven ondertitels en bijschriften weer terwijl de video wordt afgespeeld. Ze zijn geformatteerd als WebVTT-bestanden (Web Video Text Tracks). Bestanden worden geladen vanuit de mediabibliotheek.

Videoblok teksttracks

Zodra je een .vtt-bestand hebt geüpload, zie je opties om de track te bewerken. Voeg een label toe, kies de taal en selecteer het type track.

Het label is de titel van de teksttrack die de gebruiker ziet bij het bekijken van de beschikbare tracks.

De brontaal is de taal van de teksttrack.

Soort verwijst naar het type track dat wordt weergegeven. De opties omvatten:

  • Ondertitels - vertaling van de dialoog.
  • legends - dialoogtranscripties, geluidseffecten, muziek, enz.
  • Beschrijving - tekst die beschrijft wat er gebeurt.
  • hoofdstukken - de titels van de hoofdstukken voor navigatie.
  • metadata - van donnees voor JavaScript te gebruiken.

Videoblok teksttracks

Ondertitels worden vervolgens toegevoegd aan de speleropties die gebruikers kunnen selecteren.

Vervang videoblok

Vervang videoblok

Hiermee kunt u de video vervangen door een andere video.

Opties voor videoblokkering

Opties voor videoblokkering

Opties omvatten meer parameters verbergen, kopiëren, dupliceren, voor of na invoegen, verplaatsen naar, bewerken in HTML, toevoegen aan herbruikbare blokken, groeperen en verwijderen van blok.

Hier zijn de opties voor:

Meer instellingen verbergen - dit verbergt de rechterzijbalk, verwijdert afleiding en maakt uw werkruimte groter.

copie - dit kopieert het videoblok naar uw klembord zodat u het overal in uw inhoud kunt plakken.

duplicaat - dit voegt een duplicaat van het blok toe onder het origineel.

Invoegen voor - dit voegt een blokgebied toe boven dit blok zodat je een ander blok kunt plaatsen.

Invoegen na - dit voegt een gebied toe onder dit blok waar je nog een blok kunt plaatsen.

Verplaatsen naar - hiermee kunt u het blok omhoog of omlaag verplaatsen. Het wordt verplaatst door met de pijltjestoetsen een blauwe lijn te plaatsen waar u het blok wilt hebben en op Enter te drukken.

Bewerken in HTML - dit geeft alleen de HTML-code voor dat blok weer, waarbij alle andere blokken zoals gewoonlijk worden gelaten.

Voeg toe aan herbruikbare blokken - het voegt het blok toe aan je herbruikbare blokken zodat je het op andere pagina's of berichten kunt hergebruiken.

groep - dit voegt het blok toe aan een groep, zodat je alle blokken als één eenheid kunt passen.

Blok verwijderen - dit verwijdert het blok.

Opties voor ondertiteling videoblok

Opties voor ondertiteling videoblok

De legenda heeft ook een aantal opties. Als u ergens in het legendagebied klikt, wordt een kleine werkbalk geopend met vetgedrukte, cursieve en koppelingsopties. Het bevat ook opmaakopties. De opties omvatten:

  • Onlinecode
  • Online afbeelding
  • Toetsenbord invoer
  • Afgesloten
  • inhoud
  • exponent
  • Tekstkleur

Elk heeft invloed op de tekst die u hebt gemarkeerd.

Instellingen voor videoblokkering

Instellingen voor videoblokkering

Videoblokinstellingen omvatten video en geavanceerd. Laten we naar beide kijken.

Video-instellingen

Instellingen voor videoblokkering

Met video-instellingen kunt u de werking van de speler regelen. De opties omvatten:

Automatisch afspelen - speel de video automatisch af wanneer de pagina is geladen.

lus - speelt de video continu af.

Gedempt - demp het geluid.

correctie Bediening - verberg of toon de spelercommando's. Wanneer de bedieningselementen verborgen zijn, heeft de gebruiker geen controle over de video. Automatisch afspelen moet zijn ingeschakeld.

Spelen Online - speelt video af in de speelruimte van het element.

Vooraf laden - bepaalt de hoeveelheid video die wordt gedownload wanneer de pagina wordt geladen. Kies automatisch (de hele video), metadata (alleen basisinformatie) of geen (niets wordt automatisch gedownload).

Poster Beeld - hiermee kunt u de schermafbeelding van het eerste frame van de video vervangen door een uitgelichte afbeelding. Het toont altijd de bedieningselementen van de speler, tenzij u ze uitschakelt. In het bovenstaande voorbeeld heb ik een nieuwe afbeelding toegevoegd.

vooruitgang

vooruitgang

Geavanceerde video-instellingen omvatten het HTML-anker en aanvullende CSS-klassen.

HTML-anker - hiermee kunt u de tekst specificeren die moet worden gebruikt als een aangepaste URL voor dat specifieke blok.

Extra CSS-klassen - biedt een veld om alle CSS-klassen toe te voegen die u voor dit blok wilt gebruiken.

Tips en best practices om het videoblok effectief te gebruiken

Als je video's van bronnen zoals YouTube of Vimeo insluit, gebruik dan hun blok in plaats van een videoblok.

Comprimeer video en verklein de grootte en laadtijd.

Maak .vtt-tracks met behulp van online ondertitelingsgenerators of vergelijkbare apps.

Stel voorladen in op Geen als u uw paginasnelheid wilt verhogen. Het automatisch gedownloade bedrag heeft invloed op de laadsnelheid van uw pagina.

Gebruik de breedte-opties rechts en links om de tekst rond uw video te plaatsen om deze visueel interessant te maken. Gebruik brede en volledige breedte-opties om de video te verbeteren.

In plaats van het eerste frame voor het videoframe te gebruiken, maakt u een uitgelichte afbeelding waarop u wilt klikken.

Veelgestelde vragen over het videoblok

Waar is dit blok voor?

Dit blok maakt het gemakkelijkeraccommodatie video's op uw Site web en stelt u in staat de werking van de speler te controleren.

Wat is het verschil tussen een videoblok en een video-integratie?

Met ingesloten video's van bronnen zoals YouTube en Vimeo kun je de spelerfunctionaliteit niet bedienen.

Wat zijn de beste manieren om dit blok te gebruiken?

Gebruik Loop Autoplay en verwijder spelerbedieningen voor productdemo's en korte tutorialclips. Schakel voor langere video's automatisch afspelen uit en laat de bedieningselementen ingeschakeld.

Conclusie

Dit is onze kijk op het WordPress-videoblok. Ik hou van het niveau van controle dat het biedt. De uitlijning links en rechts ziet er bijzonder goed uit met de inhoud eromheen, en de grote breedte is een geweldige manier om de aandacht op de video te vestigen. Het toevoegen van een posterafbeelding kan de aandacht van gebruikers trekken. Dit blok is een uitstekende keuze voor productdemo's, tutorials, muziek en meer.

We willen van je horen. Gebruik je het videoblok? Laat ons uw ervaring weten in de opmerkingen.

Uitgelichte afbeelding via PD99 / shutterstock.com



[Ad_2]

bron link