Ladda upp och hantera videor i Elementor

Om ett företags hemsida inte innehåller en kort förklarande video anses den vara föråldrad och intetsägande. Det är mycket sällsynt nuförtiden att stöta på en webbplats som inte har en kort video på den. Inkluderandet av korta videor kräver behovet av den här artikeln eftersom den här artikeln diskuterar hur man hanterar videor i Elementor. I den här artikeln har vi utökat videowidgeten och videobakgrundsalternativen.

Self-hosted och Dailymotion-videostöd

I Elementor kan du bädda in inte bara videor från YouTube och Vimeo, utan du kan nu även inkludera HTML5- och Dailymotion-videor med egen värd.

Fördelar med videor som tillhandahålls själv:

  • Sekretess och kontroll: Med GDPR och andra integritetsrelaterade frågor har detta blivit desto viktigare att ha videor med egen värd. Du kan ha kontroll över innehållet i dessa videor.
  • Ägarskap: att ha videor som värdar dig själv hjälper dig att förlita dig på innehåll som andra gör. Med din video är du 100 % säker på att det inte kommer att uppstå några upphovsrättsproblem. Dessutom finns det ingen risk för att videon raderas.
  • Personalisering: med självvärd, kommer din video inte att innehålla några logotyper eller externa länkar. Detta kommer att hjälpa dig att inkludera kvalitetsinnehåll, som ser mer professionellt ut. Dina videor kan vara till stor hjälp för att engagera besökarna på din webbplats.
  • UX: videor som tillhandahålls av dig själv säkerställer att dina besökare inte kommer att se annonser eller föreslagna videor. De kommer inte att distraheras eller omdirigeras till dina konkurrenter (genom föreslagna/rekommenderade videor).

Start- och sluttid för videowidget och bakgrund

Du kan ställa in en start- och slutpunkt för videowidgeten på plattformar som stöds. Du kan också få välja videobakgrunden så att endast den valda delen av videon spelas upp. Med hjälp av den här funktionen kan du mycket enkelt loopa den relevanta delen av videon. Du kan visa det valda innehållet för dina besökare i en slinga.

Modest Branding

Säg, om du har bäddat in en video från YouTube, men du vill dölja youtube-logotypen från den, kan du välja "Modest Branding" för att dölja logotypen från den inbäddade Youtube-videon.

Lägg till en videobakgrund till Elementor

I det här avsnittet kommer vi att guida dig om hur du lägger till en video i Elementor:

Tryck på Elementor-redigeraren och navigera till panelen. Härifrån, sök "video" och dra in videowidgeten.

  • Elementor > panel > sök 'video' > dra 'videowidget'
  • Under Video > Källa väljer du antingen "YouTube", "Dailymotion", "Vimeo" eller självvärd.
  • Lägg sedan till en länk till videon. Om videon är värd för dig själv kan du antingen ladda upp den genom att bläddra i mediebiblioteket eller genom att använda en extern URL.
  • Om du vill att en specifik del av videon ska spelas upp kan du välja en starttid och en sluttid.
  • Du kan också lägga till en valfri miniatyr genom att lägga till en bildöverlägg.

Förbättrad mobilredigering

Ändra brytpunkter för mobil och surfplatta

Under lång tid har människor velat ha friheten att ha brytpunktsvärden för videor på mobiler och surfplattor. Goda nyheter!! Lösningen är här.

Efter att ha lagt till videon, som visas i avsnittet ovan, kan du ändra värdena för surfplattor och mobila brytpunkter för Elementor. Med hjälp av revolutionerande brytpunktersfunktion kan du anpassa din webbplats för att justera på widescreen-datorer, bärbara datorer, surfplattor eller små mobila skärmar.

För att ändra brytpunktsvärdena, navigera till:

Elementor Dashboard > Inställningar > Stil och ange de nya värdena för "Tablet Breakpoint" och "Mobil Breakpoint".

Och voila!!!

Du har gjort det på kort tid.

WP CLI-integration

Kommandoradsgränssnittet för WordPress, WP-CLI, är ett projekt med öppen källkod som tillhandahåller ett kommandoradsgränssnitt för en mängd olika åtgärder du kan utföra i WordPress-administratören. Utvecklare är ganska bekanta med det.

Så med en WP-CLI kan du utföra en lång lista med uppgifter från en slumpmässig terminal. På så sätt behöver du inte logga in på administratörsterminalen.

Elementor kommer nu med integrerad WP-CLI. Och denna integration av WP-CLI låter dig utföra följande uppgifter via kommandoraden:

  • flush_css – Spola Elementor Page Builder CSS-cache
  • sync-library – Sync Elementor Library
  • replace-URLs – Ersätt gamla URLs med nya URLs på alla Elementor-sidor
  • Aktivera eller avaktivera licens – Aktivera eller inaktivera din Pro-licens
  • import-library – Importera mallfiler till biblioteket

Fler CLI-kommandon kommer att fortsätta läggas till för Elementor i framtiden.

Gutenberg Inkludering

Under de kommande månaderna kommer även Gutenberg att läggas till kärnan, vilket gör Elementor till ett komplett paket.

Med lanseringen av Gutenberg kommer Elementor att fungera smidigt för alla elementoranvändare.

Det är lätt att växla mellan Gutenberg och Elementor med version 2.1 eftersom du kommer att använda den alltid välbekanta knappen "Redigera med Elementor" i Gutenberg.

Sticky Video av UAE

Föreställ dig om du rullar en sida och videoinnehållet slänger åt vänster eller höger, eller helt enkelt förblir orörligt.

Det måste vara en frustrerande syn.

Men, inte längre. Eftersom den fantastiska funktionen i UAE:s Sticky Video gör att videon fastnar på sidan medan du rullar, betyder det att din video kommer att flyta längs vänster eller höger sida av webbläsarfönstret. Med klibbig videofunktion, när besökaren rullar för att läsa innehållet, kommer videon tillsammans med textinnehållet att förbli i fokus.

Hur gör man en video klibbig?

UAE :s funktion har gjort denna funktion elegant och enkel. För att göra videon klibbig kan du helt enkelt aktivera Sticky Video för att växla under innehåll (flik) > Sticky Video-inställning.

Det finns olika anpassningsalternativ för videon i en klibbig videofunktion. Navigera till åtgärdsfältet och inställningarna för att kontrollera alla aspekter av den klibbiga videon. De viktigaste funktionerna ges nedan:

  • Videostorlek
  • En mängd olika justeringsalternativ för klibbig video över kanterna
  • Hantera videoavstånd och stil.
  • Lägg till en bakgrund för videon
  • Visa beskrivningen för videon med hjälp av informationsfältet
  • Responsiv support
  • Dra klibbig video över fönstret i frontend
  • Stäng knappanpassningar

Videostorlek

Du kan justera höjden och bredden på videon genom att ange videons bredd i px. Videovisningen kommer att tillämpas enligt bildförhållandet som ställts in för videon. Du kan styra bildförhållandet för video från Innehåll (fliken) > Video.

t.ex. – Om du har ställt in ett förhållande på 16:9, kommer de klibbiga videomåtten att gälla enligt det valda förhållandet.

Sticky Alignment

Du kan hantera justeringen , dvs. placeringen av den klibbiga videon över fönstrets kanter. Videon kan placeras som:

  • Överst till höger
  • Överst till vänster
  • Nederst till höger
  • Nederst till vänster
  • Mitten höger
  • Mitten vänster

Videoavstånd

Du kan ändra avståndet från kanten för att styra avståndet runt videon. Avståndet kommer att tillämpas enligt den valda klibbiga justeringen.

t.ex. för nedre vänsterjustering gäller avståndet endast från nedre och vänstra kanten av videon.

Bakgrundsstorlek och stil

Det bästa med UAE- klibbig video är att du kan lägga till bakgrunden du väljer till videon. Du kan också välja storlek och färg på bakgrunden.

Infofält

Det finns en liten beskrivning om varje video-metadata-typ. Med UAE klibbiga videoalternativ kan du lägga till informativ text under den klibbiga videon. Du kan beskriva varje klibbig video, som visar information om den video som för närvarande spelas.

Med informationsfältet kan du även styra videons färg, bakgrundsfärg, typografi och utfyllnad. Textfältet stöder HTML-innehåll. Du kan också tillämpa den anpassade stilen på informationsfältets innehåll.

Hantera Sticky Video på responsiva enheter

Det finns ett alternativ att dölja den klibbiga videon på responsiva enheter. Du kan välja olika enheter som du vill dölja den klibbiga videon på.

Dra var som helst på skärmen

Du kan dra videoskärmen var som helst med den här funktionen. Du kan helt enkelt klicka på videon och dra den för att placera den var som helst i visningsporten. UAE klibbiga video stöder funktionaliteten att dra den var som helst, som standard .

Obs : Mobila enheter och Backend-redigeraren för Elementor stöder inte dragfunktionen.

Stäng-knapp

Du kan aktivera/avaktivera stängningsknappen för den klibbiga videon. Det finns också kontroller tillgängliga för att hantera stilen på stängningsknappen.

Slutsats

Med hjälp av UAE klibbiga videofunktioner kan du stil och ändra dina klibbiga videor enligt dina önskemål. Insticksprogrammet gör hela proceduren ganska enkel plugin Det är en mycket elegant lösning för att berika det grafiska innehållet på din webbplats. Fortsätt skapa fantastiska klibbiga videor på din webbplats och engagera dina besökare på din webbsida även när de rullar på dina sidor.

Ahmad

Senaste inlägg

Hur man använder sidhuvud och sidfot med Elementor

En webbplats sidhuvuden och sidfötter är viktiga element. I de flesta fall ger rubriken navigering...

6 januari 2022

WordPress-temajämförelse: Astra vs OceanWP

Två av de mest populära WordPress-temanen på marknaden är Astra och OceanWP. Professionell…

2 januari 2022

Jämförelse av WordPress-nyhetstema: Newspaper vs. Astra

Att skapa en utmärkt nyhetswebbplats kräver inte att du blir webbdesigner. Vi…

25 oktober 2021

Skapa en nyhetsrelaterad webbplats med tidningstema

The Newspaper-temat är ett av de viktigaste WordPress-teman som designats av tagDiv, en...

18 oktober 2021

Hur man bygger en e-handel med Avada WooCommerce Builder

När det gäller att skapa en onlinebutik är WooCommerce det bästa plugin . Det…

4 oktober 2021

Hur man använder sticky header och rullningseffekter med Elementor

En rubrik är i allmänhet det första en person ser när de besöker din webbplats,...

21 september 2021