U ovom članku ćemo govoriti o tome kako ugraditi video na web stranicu i naučiti kako:

Postavite svoje datoteke na web stranice za video hosting i prikažite ih na web stranici.

Učitajte video zapise na svoj hosting i prikažite ih na web stranici pomoću playera.

Nije tajna da video svake godine postaje sve popularniji tip sadržaja. Danas više nije lako zadržati obične korisnike na svojoj web stranici ili resursu samo uz pomoć lijepih slika i dobro napisanih tekstova, potreban vam je video koji će njihov boravak na stranici učiniti još zanimljivijim. Pređimo na upute:

Kako postaviti video na Youtube:

Prije svega, potrebno je da se prijavite na svoj YouTube nalog.

Kliknite na dugme Dodaj video na vrhu stranice.

Odaberite video za preuzimanje. (Imajte na umu da video ne smije kršiti autorska prava. Ako želite da stavite poznatu muziku na video, morat ćete ga kupiti).

Dok se datoteka preuzima, popunite osnovne informacije o videu i, ako je potrebno, dodatne parametre.

Da dodate video na YouTube, kliknite na Objavi.

Dok ne kliknete na dugme Objavi, video je dostupan samo vama.

Sa više detaljna uputstva Kako postaviti video zapise na Youtube možete pronaći na stranici za podršku

Ubacite video sa Youtube-a na svoju web stranicu:

Da ubacite već postavljen (postojeći) video na Youtube:

Razmotrili smo nekoliko načina za umetanje koda iz videozapisa koji su već postavljeni na jednu od popularnih web lokacija za video hosting.

Pogledajmo sada opcije za reprodukciju videa sa preuzetim video zapisom na vašem serveru.

Ugradite video na web stranicu koristeći HTML5

Za ovu metodu trebat će vam video oznaka

< span class = "tag" ><< span class = "title" >video< / span >>< / span > < span class = "tag" ><< span class = "title" >izvor< / span > < span class = "attribute" >src =< span class = "value" >"URL"< / span > < / span >>< / span > < span class = "tag" >< /< span class = "title" >video< / span >>< / span >

Otpremite video na server;

Kopirajte gornji kod;

Kopirani kod zalijepimo u dio stranice koji nam je potreban;

Mijenjamo URL u putanju do datoteke koju smo postavili na hosting

Sačuvajte promjene i osvježite stranicu.

Postoji nekoliko atributa za video oznaku, a neki od njih se nalaze i u kodovima koje nude popularni video hosting sajtovi.

Prije svega, želio bih govoriti o takvim atributima kao što su visina (visina), širina (širina).

Uz njihovu pomoć možete podesiti visinu i širinu područja za reprodukciju videa.

• src je najvažniji atribut on specificira putanju do videa.
• autoplay - reproducirajte video odmah nakon učitavanja stranice.
• petlja - ponavljanje video reprodukcije po završetku
• poster - određuje adresu slike koja će biti prikazana dok video nije dostupan ili se reproducira.
• preload - preuzima video zajedno sa učitavanjem web stranice.

Ugradite video na web stranicu pomoću playera

Sada postoji mnogo različitih igrača na internetu koje možete koristiti na svojoj web stranici. Kao primjer, izabrao sam jedan od popularnih flowplayera.

, a zatim ga raspakujte;

Kreirajte folder i stavite fajlove iz arhive u njega;

Povežite javascript fajl plejera sa html fajlom. Da biste to učinili, unutar oznake head upišite sljedeći kod:

Budite pažljiviji kada navodite putanju do datoteke. Ne možete kreirati fasciklu, već datoteku skripte staviti u bilo koju drugu fasciklu, na primer u fasciklu sa drugim skriptama.

Sada postavimo sam plejer u kod stranice i, shodno tome, video datoteku.

< ! -- the player -- > < div data - swf = "flowplayer.swf" data - ratio = "0.4167" > < video > < source type = "video/webm" src = "https://путь к вашему видео файлу если он в формате.webm" > < source type = "video/mp4" src = "https://путь к вашему видео файлу если он в формате.mp4" > < / video >

Već sam pisao o tome kako umetnuti svoju muziku u . Predlažem da razmotrimo jednako hitno pitanje - kako ubaciti vlastitu muziku u mafiju 3. Inače, sva tri dijela mafijaške igre razlikuju se samo po zapletu i dodatnim likovima. Ali općenito su igre vrlo slične. Stoga, kao iu drugom dijelu, morate preuzeti poseban program za dodatke. Uz njegovu pomoć možete kreirati vlastiti radio, odnosno napraviti svoju listu pjesama sa pjesmama.

Program je potpuno besplatan. Možete preuzeti bez registracije i SMS-a. Instalacija traje ne više od 5 minuta. Važno: nakon instalacije, program može „zahtevati“ ponovno pokretanje računara. Bez panike, ovo je normalno! Dakle, kako umetnuti svoju muziku u mafiju 3: modovi za mafiju 2, maifu 1 i 3.

Kako umetnuti svoju muziku u Mafia 3

Da biste kreirali svoj radio u trećoj verziji mafije, potrebno je da preuzmete program Mafia 2 Music Manager 1.3.

Jedna od važnih funkcija programa: možete slušati pjesme ne samo tokom igre, već i jednostavnim pokretanjem aplikacije. Usput, sve vaše liste za reprodukciju su sačuvane. Stoga, nema potrebe da ponovo ažurirate listu.

Možda će vam ovo biti od koristi) Danas zbog ažuriranja WordPress-a

Da biste umetnuli fotografiju na web stranicu ili u tekst članka, prvo postavite kursor na mjesto u tekstu gdje želite postaviti fotografiju. Zatim kliknite na dugme "Dodaj medije". Nalazi se između naslova članka i konzole za uređivanje teksta (Vidi sliku 1)

(Vidi sliku 1)

U prozoru „Ubaci medijsku datoteku“ koji se otvori kliknite na vezu „Učitaj datoteke“. (vidi sliku 2)

(Slika 2)

U sledećem prozoru kliknite na dugme „Odaberi datoteke“ (vidi sliku 3)

(vidi sliku 3)

Pred vama će se otvoriti dodatni prozor. Pripremite unapred fotografije koje želite da postavite na sajt i sakupite ih poseban folder na vašem računaru. Kroz dodatni prozor uđite u ovaj folder i odaberite fotografiju tako što ćete jednom kliknuti na sliku mišem. Ako trebate umetnuti sve fotografije odjednom, odaberite ih sve.

Nakon toga kliknite na dugme „Otvori“ koje se nalazi u donjem desnom uglu dodatnog prozora (vidi sliku 4)

(vidi sliku 4)

Odabrana fotografija će biti postavljena na stranicu i nalazit će se u kartici „Medijski fajlovi“ i ubuduće, ako je potrebno, može se učitati u druge članke na stranici, nema potrebe za ponovnim učitavanjem s računala . IN aktivni prozori na desnoj strani, unesite tražene podatke (vidi sliku 5):

— u „Naslov“ i „U atributu alt“ — unesite naslov vašeg članka.

— u „Opis“ — upišite u jednoj rečenici o čemu se radi u vašem članku. Tekst prijedloga mora sadržavati naslov članka (vidi sliku 5).

Zatim kliknite na dugme "Ubaci u stranicu". Ako pišete tekst ne na „Stranicu“, već na „Objavu“, tada ćete imati dugme „Ubaci u zapis“ - kliknite na njega.

(sl. 5)

Fotografija će se pojaviti na mjestu gdje ste prethodno postavili kursor. U početku, fotografija neće biti učitana u veličini koja će izgledati optimalno na stranici stranice (vidi sliku 6). Ali ovo se lako može popraviti.

(sl. 6)

Da biste uredili sliku, pomaknite kursor preko nje i kliknite jednom lijevom tipkom miša. Slika će biti prekrivena plavom pozadinom, a zatim kliknite na sliku u gornjem lijevom uglu (vidi sliku 7)

(sl. 7)

Nakon što kliknete na ikonu, kao što je prikazano na slici 7, bićete odvedeni na panel za uređivanje fotografija (pogledajte sliku 8). Ovdje također morate unijeti potrebne informacije za poboljšanje indeksiranja otpremljene fotografije:

— u red „Naslov“ unesite naslov vašeg članka;

— u red „Alt atribut” — unesite i naslov vašeg članka;

Zatim odaberite lokaciju svoje slike na web lokaciji: "Lijevo", "Desno", "Centar" ili "Ništa".

Nakon što unesete sve potrebne informacije, kliknite na karticu "Napredno" u gornjem redu dodatnog prozora."

(Slika 8)

Na ovoj stranici možete podesiti dimenzije fotografije, odnosno širinu, visinu i udaljenost teksta od ivica fotografije. Postavite veličine nešto manje od zadanih. Onda kad pogledaš. kako će fotografija izgledati na web stranici, dimenzije se mogu lako promijeniti i podesiti odgovarajuće.

U aktivnom polju "Otvori u novoj kartici" označite okvir. Ako kliknete na fotografiju direktno na sajtu, otvoriće se u novom prozoru (vidi sliku 9).

(Slika 9)

Nakon što unesete sve potrebne informacije, kliknite na dugme „Ažuriraj“ u donjem levom uglu dodatnog prozora. To je to, vaša fotografija je umetnuta u tekst. U editoru će izgledati ovako (vidi sliku 10). Kliknite na dugme "Sačuvaj". Prije objavljivanja kliknite na karticu “Prikaz” i pogledajte kako članak sa fotografijama izgleda na web stranici. Ako je potrebno, prilagodite veličinu i ponovo sačuvajte stranicu. Zatim kliknite na dugme Objavi.

(Slika 10)

Fotografija je umetnuta u članak i izgleda ispravno na web stranici (vidi sliku 11)

(Slika 11)

Ako fotografiju treba premjestiti ne u sredinu, već na desnu ili lijevu stranu (vidi sliku 12), nastavite sljedećim redoslijedom.

(Slika 12)

Kliknite na fotografiju i uđite u panel za uređivanje. Ovdje odaberite “Alignment” “Left” (pogledajte sliku 13)

(Slika 13)

Popunite sve potrebne podatke istim redoslijedom i kliknite na dugme „Ažuriraj“ (vidi sliku 14)

(Slika 14)

Nakon što objavite članak, fotografija na stranici će izgledati kao na slici 15.

(Slika 15)

Nadam se da nećete imati poteškoća s postavljanjem fotografija i crteža na stranicu. Ako pronađete bilo kakve nepreciznosti ili nejasnoće, javite mi u komentarima.

Pročitajte članak na ovoj stranici

Želite znati kako možete "zamijeniti lica" sa prijateljem, rođakom ili omiljenom slavnom osobom? U tome će vam pomoći magija fotomontaže! Kako ovo funkcionira? Pretraživači će, na zahtjev, vjerovatno ponuditi korištenje Photoshopa, ali ovaj program neće biti prikladan za neprofesionalce. Najbolja opcija je jednostavna, poput „Home Photo Studio“. U ovom članku ćete naučiti kako umetnuti drugo lice u fotografiju bez iskustva u uređivanju fotografija.

Korak #1. Počnimo sa radom

Za početak, predlažemo da ga instalirate na svoj PC. Slijedite upute čarobnjaka za instalaciju - program će biti spreman za rad za samo minut. Pokrenite uslužni program. IN početni prozor Odaberite opciju "Otvori fotografiju" i pronađite datoteku fotografije koju želite urediti.

Možete početi sa radom odmah nakon instalacije programa

Korak #2. Fotomontaža

Sledeća faza je najvažnija. U glavnom meniju kliknite na karticu "Dizajn" i pronađite na listi. U prozoru koji se pojavi kreirajte novi sloj. Da biste to učinili, kliknite Dodaj sloj > Fotografija i otpremite fotografiju koju želite prekriti.

Uz foto montažu, možete jednostavno postaviti jednu fotografiju na drugu.

Prilikom odabira fotografije, vrijedi zapamtiti da obje fotografije trebaju imati približno istu rezoluciju i kvalitetu. Štaviše, lica treba snimati iz što sličnijeg ugla.

Na listi odaberite sloj s dodanom slikom i kliknite na "Izreži fotografiju". Novi prozor će se automatski pojaviti. Koristite bilo koji oblik podrezivanja. Pažljivo ocrtajte svoje lice, pokušavajući izbjeći nepotrebne predmete poput dodataka. Ako ispadne neujednačeno, upotrijebite opciju "Resetiraj odabir" i pokušajte ponovo. Zatvorite isprekidanu liniju dvostrukim klikom miša. Povećajte vrijednost na skali Border Blur povlačenjem klizača udesno i kliknite na Primijeni.

Uvećajte svoju fotografiju kako biste rezultat učinili što preciznijim i preciznijim.

Sada shvatimo kako umetnuti još jedno lice u fotografiju tako da razlika nije primjetna. Da biste to učinili, morate transformirati izrezani sloj. Promenite veličinu nove slike povlačenjem selekcije po uglovima. "Novo" lice mora odgovarati veličini lica na originalnoj slici. Ako je potrebno, rotirajte sloj pomicanjem klizača na skali ugla rotacije. Režim miješanja će prema zadanim postavkama biti "Normal", ali možete odabrati drugi ako želite. Spremni! Kliknite na dugme "Primijeni".

Podesite preklapanje sloja tako da "novo" lice izgleda što prirodnije

Korak #3. Nivoi i korekcija boja

I dalje je previše očigledno da je lice preuzeto sa druge fotografije. Uradimo jednostavnu korekciju boje. Da biste to učinili, na kartici "Slika" otvorite "Nivoi". Vrlo je lako razumjeti kako koristiti ovu funkciju. Na skali "Input Levels" postoje 3 klizača – bijela (svijetle nijanse), siva (srednje tonovi) i crna (tamne nijanse). Uz njihovu pomoć možete sveobuhvatno podesiti svjetlinu fotografije. Promijenite položaj klizača da biste potamnili (desno) ili posvijetlili (lijevo) sliku. Zatim ga sačuvajte klikom na "OK".

Podešavanjem nivoa, sliku sa „novim“ licem možete učiniti monohromatičnijom

Korak #4. Radimo sa detaljima

Sada znate kako da što prirodnije umetnete još jedno lice u fotografiju, ali vaše mogućnosti nisu ograničene samo na to. Ako je potrebna obrada određenih područja slike, koristite alate na panelu s lijeve strane. Odaberite Blur Brush kako biste prijelaz s originalne fotografije učinili još glatkijim. Podesite parametre alata - što je manji objekt koji se obrađuje, to je manja veličina i prozirnost kista.

Također možete potamniti ili posvijetliti određene dijelove fotografije na isti način, dodati im oštrinu, kontrast ili zasićenost. Jednostavno odaberite odgovarajući kist sa trake s alatima i obradite željeni dio slike.

Koristite kistove za snimanje i izbjegavanje da dodate dimenziju vašoj slici.

Korak #5. Sačuvajte i podijelite sa prijateljima

Procijenimo konačni rezultat.

Fotomontaža će vam pomoći da isprobate ulogu vašeg omiljenog filmskog lika

Možete podesiti kvalitet fotografije prije spremanja

Spremni! Sada znate da umetanje lica u drugu fotografiju u Photoshopu nije jedino rješenje. Ovo uputstvo je univerzalno, koristite ga u praksi kako želite. Saznajte i otkrijte nove mogućnosti programa! "Home Photo Studio" je za vas vjerni asistent u svakoj situaciji u kojoj trebate obraditi fotografiju visokog kvaliteta.

Izdali smo novu knjigu „Content Marketing in društvene mreže: Kako ući u glavu svojih pretplatnika i natjerati ih da se zaljube u vaš brend.”

Postoji mnogo alata koji su spremni da vam pomognu da poboljšate svoju web stranicu, povećate efikasnost online poslovanje i uspostavi interakciju sa klijentima. Mnogi od ovih alata su besplatni. Ali što ako niste web programer i ne znate kako ih instalirati na svoju web stranicu? Ovo je velika prepreka.

Koliko god to ironično zvučalo, posao koji razvija korisne alate za vašu web stranicu također ima prepreku vlastitom prosperitetu – potrebu da natjera korisnike da instaliraju svoj kod.

Pokušajmo riješiti dva problema odjednom govoreći o najčešćim načinima umetanja JavaScript koda/isječaka (fragmenata) za web stranice:

• Na WordPress-u.
• Samostalni administratorski nalozi (koristeći FTP stare škole).
• On Squarespace.
• Na Shopify.

Na kraju članka dotaknut ćemo se Wixa. U većini slučajeva, ova platforma vam ne dozvoljava instaliranje JavaScript kodova ili isječaka, ali nudi alternativu u obliku integracija za različite usluge.

Gdje mogu dobiti kod za instalaciju?

Pogledajmo gdje tražiti instalacioni kod koristeći uslugu Crazy Egg kao primjer.

Proces je standardan: unosimo podatke o registraciji, nakon učitavanja dolazimo do kontrolne table. Tamo tražimo odjeljak sa kodom.

Kako umetnuti kod u WordPress stranicu

Možete koristiti poseban dodatak – Tracking Code Manager.

Da biste umetnuli Menadžer kodova za praćenje, idite na administrativnu oblast stranice i potražite odjeljak dodataka na kontrolnoj tabli.

Odaberite funkciju “Dodaj novo”.

Traka za pretragu će se pojaviti na desnoj strani. Unesite “Tracking Code Manager”, a zatim kliknite “Instaliraj sada”.

Nakon što je instalacija završena, morate biti sigurni da je dodatak aktiviran. Idemo na postavke.

Kliknite na "Dodaj novi kod za praćenje".

Možete i bez dodatka za upravljanje kodovima za praćenje. U ovom slučaju, naša opcija je da zalijepimo kod u datoteku header.php WordPress teme(više o tome kasnije).

Kako instalirati kod na web stranicu WordPress.com

WordPress web stranica i web stranica WordPress.com su dvije različite stvari.

WordPress stranica je stranica kojom se upravlja pomoću CMS-a instaliranog na vlastitom serveru. To znači da ste platili naziv domene (mojeime.com) i hosting.

WordPress.com je besplatan. Možete registrirati web stranicu na njoj bez plaćanja hostinga. U ovom slučaju, URL stranice će biti: myname.wordpress.com. Da biste promijenili naziv svoje domene, morat ćete poduzeti nekoliko dodatnih koraka.

Kada pokrenete web lokaciju na WordPress.com, ograničeni ste u JavaScript kodovima i isječcima koje možete instalirati. Razlog je sigurnosni protokol - programeri ne dozvoljavaju korisnicima da zalijepe kodove u platformu. Na primjer, MySpace programeri su to dozvolili. Ovo je očigledno razlog zašto je stranica pala sa 5. mjesta u svijetu na 1967. godinu za šest godina.

Istovremeno, WordPress.com korisnicima nudi razne bonuse za poslovanje. Na primjer, integracija sa Google Analytics ili mogućnost dodavanja dugmadi društvenih medija. Ali u nekim slučajevima to možda neće biti dovoljno.

Kako instalirati JavaScript kodove i isječke na sami pisani admin panel

Korištenje FTP-a. Moraćemo da se vratimo osnovama.

Danas su mnoge web stranice samostalno pisane. Samopisna web stranica je kreirana od nule i ne koristi CMS za upravljanje sadržajem.

Zamislimo da imamo upravo takav sajt. Postavljanje koda na njega će biti malo teže nego na WordPress, jer ćete morati da zapamtite FTP.

FTP menadžeri poput FileZilla vam omogućavaju da prevučete i ispustite datoteke i slike sa web stranice na server. Pomoću programa možete dodati datoteke na server ili ih preuzeti, zamijeniti stare datoteke novima, izbrisati nepotrebne podatke, promijeniti nazive dock-a.

Nema ništa komplikovano u vezi sa protokolom prenosa podataka: nakon samo 20 minuta možete se osećati kao profesionalac. Za većinu ljudi, najteži dio je jednostavno kontaktirati server.

Ako imate bilo kakvih problema sa serverom, obratite se svom hosting provajderu. Može potrajati sat vremena, ali nakon 60 minuta znat ćete sve što trebate znati. Obično preporučujem snimanje ovih razgovora koristeći ScreenRecorder. Ili barem ručno vodite bilješke.

Nakon što ste se prijavili na FTP server, obavezno uradite . Ako pogriješite, vaši važni fajlovi neće otići nikuda. Možete napraviti rezervnu kopiju jednostavnim prevlačenjem i ispuštanjem svih datoteka sa servera na računar.

Obično se softversko sučelje FTP menadžera sastoji od dvije kolone. Na primjer, na slici ispod u lijevoj koloni možete vidjeti datoteke koje su pohranjene na računaru. Desno su fajlovi sa servera.

Da biste promijenili ili dodali datoteke, jednostavno ih prevucite iz jedne kolone u drugu.

Upozorenje

Zamjena datoteka je opasna. Može se lako zamijeniti nova verzija staru datoteku i izgubite više aktuelnih podataka, slučajno izbrišete nešto važno ili napravite drugu grešku. Backup omogućava vam da se osigurate u slučaju ovakvih grešaka i zaštitite od nepotrebnih problema. Obavezno sačuvajte sve datoteke u zasebnoj fascikli na računaru pre nego što izvršite promene.

Kako zalijepiti kod koristeći header.php

Recimo da imamo web stranicu kojom koristimo WordPress za upravljanje. Da bismo ubacili kod, moramo pronaći datoteku header.php ili drugu datoteku pod nazivom header ili glava.
Zaglavlje potrebno za aktiviranje JavaScript koda ili fragmenta na svim stranicama stranice. Za otvaranje datoteke možete koristiti besplatni program like Sublime Text. Uz njegovu pomoć morate otvoriti datoteku koja je pohranjena na vašem računalu, a ne sličnu datoteku na serveru.

Kada otvorimo datoteku u Sublime Text-u, vidimo dugu koda boja. Ne plašite se, tamo je sve jednostavno.

Sve stranice su podijeljene u dva dijela – glavu (naslovi) i tijelo (telo). Naslovi su označeni HTML kodom i . Tijelo - i.

Većina stvari zbog kojih web stranica radi i prikazuje tekst nalazi se između ova dva odjeljka. Da biste pronašli ove oznake, možete koristiti pretragu stranica.
U većini slučajeva možete umetnuti kod neposredno prije završne oznake.

Nakon što ste umetnuli kod ili isječak, sačuvajte datoteku i otpremite je na server. Spreman.

Sada o samopisnim admin panelima. Ako je vaša stranica napravljena ručno i ne možete pronaći datoteku zaglavlja ili zaglavlja, vjerovatno ćete morati ručno umetnuti kod u svaku stranicu. Najčešće to ne uzrokuje velike poteškoće.

Slika iznad je hipotetička HTML stranica koja se sastoji od četiri HTML datoteke. Ako bismo htjeli na njega zalijepiti neki kod, morali bismo otvoriti sve ove datoteke jedan po jedan i zalijepiti kod ili isječak u oznake svake od njih. Nakon ovoga, proces je standardan: sačuvajte datoteke i otpremite ih na server umjesto starih.

Kako ugraditi kod na Squarespace web stranicu

Squarespace je olakšao svojim korisnicima. Da biste umetnuli JavaScript kod ili isječak, možete koristiti „ubrizgavanje koda“. U meniju idite na kartice Postavke > Napredno > Ubacivanje koda. Možete dodati kod u podnožje stranice.

Pronalaženje postavki.

Pomaknite se prema dolje i kliknite na “Napredno”.

Odaberite "Ubacivanje koda".

Zalijepite kod i sačuvajte promjene.

Kako ugraditi kod na Shopify

Na kontrolnoj tabli pronađite odjeljak Online trgovina i odaberite Teme.

Da biste pristupili željenoj kartici, kliknite na “Radnje” i odaberite “Uredi HTML/CSS”.

Trebaju nam fragmenti.

Klikom na opciju otvara se dijaloški okvir s opcijom dodavanja novog fragmenta.

Dajte isječku ime i kliknite na dugme Kreiraj isječak.

Unesite kod za isječak u području za “pracking snippet.liquid”. Kliknite na "sačuvaj".

Kako umetnuti kod ako je stranica na Wixu

Wix je brzo postao popularan graditelj web stranica. Kao i WordPress.com, nameće ograničenja na mogućnost svojih korisnika da lijepe kodove.

Ali Wix nudi rješenje u obliku Wix App Marketa. Tamo možete pronaći razne widgete za marketing, društvene mreže i analitiku. Inače, tamo možete glasati i za najpotrebniji widget.