Ladda upp och hantera videor i Elementor

Om företagets hemsida inte innehåller en kort förklaringsvideo, betraktas den som föråldrad och intetsägande. Det är mycket sällsynt i dessa dagar att komma över en webbplats som inte har en kort video om den. Införandet 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 alternativen för videodidget och bakgrundsvideo.

• Självhostad och Dailymotion video support
• Fördelarna med självhostade videor:
• Start- och sluttid för video widget & bakgrund
• Blygsam branding
• Lägg till en videobakgrund till Elementor
• Förbättrad mobilredigering
• Ändra Breakpoints för mobil och surfplatta
• WP CLI-integration
• Gutenberg inkludering
• Klibbig video av UAE
• Hur gör jag en video klibbig?
• Video-storlek
• Klibbig inriktning
• Videoavstånd
• Bakgrundsstorlek och stil
• Info Bar
• Hantera klibbig video på responsiva enheter
• Dra var som helst på skärmen
• Stäng knapp
• Slutsats

Självhostad och Dailymotion video support

I Elementor kan du bädda in inte bara videor från YouTube och Vimeo, men du kan nu också inkludera självhostade HTML5- och Dailymotion-videor.

Fördelarna med självhostade videor:

• Sekretess och kontroll: Med GDPR och andra integritetsrelaterade frågor har detta blivit desto viktigare att ha självhostade videor. Du kan ha kontroll över innehållet i dessa videor.
• Äganderätt: Om du är själv värd med videor hjälper dig att lita på innehåll som andra gör. Med din video är du 100% säker på att det inte kommer att finnas några frågor om upphovsrätt. Det finns inte heller någon risk för att video tas bort.
• Anpassning: med självhotell kommer din video inte att ha några logotyper eller externa länkar. Detta hjälper 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 med egen värd kommer att se till att dina besökare inte visas 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 video widget & bakgrund

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

Blygsam 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 guidar vi dig hur du lägger till en video till Elementor:

Slå på Elementor-redigeraren och navigera till panelen. Härifrån söker du 'video' och drar in videodidget.

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

Förbättrad mobilredigering

Ändra Breakpoints för mobil och surfplatta

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

När du har lagt till videoklippet, som visas i avsnittet ovan, kan du ändra värdena på tabletter och mobila brytpunkter för Elementor. Med hjälp av revolutionerande breakpoints-funktion kan du anpassa din webbplats för att justera på widescreen-datorer, bärbara datorer, surfplattor eller små mobilskärmar.

Om du vill ändra brytpunktsvärden navigerar du till:

Elementor Dashboard> Inställningar> Style och ange de nya värdena för 'Tablet Breakpoint' och 'Mobile Breakpoint.'

Och voila !!!

Du har gjort det i tiden.

WP CLI-integration

Kommandoradsgränssnittet för WordPress, WP-CLI, är ett öppen källkodsprojekt som ger ett kommandoradsgränssnitt för en mängd olika åtgärder som 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å detta sätt behöver du inte logga in på adminterminalen.

Elementor levereras 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-bibliotek - Sync Elementor Library
• Ersätt-URL: er - ersätt gamla webbadresser med nya URL: er på alla Elementorsidor
• Aktivera eller inaktivera licens - Aktivera eller inaktivera din Pro-licens
• import-bibliotek - Importera mallfiler till biblioteket

Fler CLI-kommandon fortsätter att lägga till för Elementor i framtiden.

Gutenberg inkludering

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

Med lanseringen av Gutenberg kommer Elementor att fungera jämnt 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 ständigt välkända knappen 'Edit with Elementor' inom Gutenberg.

Klibbig video av UAE

Föreställ dig om du bläddrar i en sida, och videoinnehållet flyter åt vänster eller höger, eller helt enkelt förblir otillåtet.

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 jag 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 justeringsalternativ 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:

• Video-storlek
• 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
• Responsivt stöd
• Dra klibbig video över fönstret i frontend
• Stäng knappanpassningar

Video-storlek

Du kan justera höjden och bredden på videon genom att ange bredden på videon i px. Videodisplayen kommer att tillämpas enligt bildformat som är inställd 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 videodimensionerna att gälla enligt det valda förhållandet.

Klibbig inriktning

Du kan hantera inriktningen, dvs positionen för den klibbiga videon över fönstrets kanter. Videon kan placeras som:

• Överst till höger
• Övre vänstra
• Nere till höger
• Nedre vänstra
• Center höger
• Mitt vänster

Videoavstånd

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

t.ex. för nedre vänsterinriktning kommer avståndet att gälla endast från videon i botten och vänster.

Bakgrundsstorlek och stil

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

Info Bar

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

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

Hantera klibbig 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 visningsområdet. Den UAE klibbig video stöder funktioner för att dra det någonstans som standard.

Obs! Mobila enheter och backendredigeraren för Elementor stöder inte dragfunktionen.

Stäng knapp

Du kan aktivera / inaktivera 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 utforma och ändra dina klibbiga videor enligt dina önskemål. Den plugin gör hela förfarandet ganska lätt. 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.