HTML 5-video märgend võimaldab veebisaitidel videot lihtsalt lisada. Aga kuigi see näib kergesti pinnal, on palju asju, mida peate tegema, et oma video üles ja töötab. See juhendaja viib teid läbi samme, et luua leht HTML 5-s, mis esitab videot kõigis kaasaegsetes brauserites.
- Teie HTML 5 Video ja YouTube'i kasutamine
- Kiire ülevaade veebitugevusest
- Loo ja muutke oma videot
- Teisenda video Firefoxi jaoks Oggiks
- Konverteeri Safari video MP4-le
- Konverteeri Internet Exploreri videot FLV-le
- Lisage oma veebilehele videoelement
- Lisage JavaScripti ja Flash- mängijat Internet Exploreri tööle 1. osa
- Katsetage nii palju brauserit kui võimalik
01 of 10
Teie HTML 5 Video ja YouTube'i kasutamine
YouTube on suurepärane sait. See muudab hõlpsaks video veebi lehtede kiireks sisestamiseks ja mõnede väikeste eranditega on nende videote teostamisel üsna sujuv. Kui postitate YouTube'is video, võite olla üsna kindel, et keegi saab seda vaadata.
Kuid videote sisestamiseks YouTube'i kasutamisel on mõningaid puudujääke
Enamik YouTube'i probleeme on pigem tarbijale kui disainerile, näiteks:
- Aeglane otsing ja indekseerimine
- Serveri katkestused
- Sisu eemaldatakse (näiliselt) meelevaldselt
- Liiga halb sisu
Kuid mõned põhjused, miks YouTube on sisu arendajatele halb, sealhulgas:
- Videote maksimaalne pikkus 10 minutit (tasuta kontode jaoks)
- Kehv üleslaadimise jõudlus
- YouTube saab teie videole piiramatu kasutusõiguse
- Iga YouTube'i kasutaja saab teie videole piiramatu kasutusõiguse
HTML 5-video annab mõningaid eeliseid YouTube'is
Video kasutamine HTML 5 abil võimaldab teil kontrollida kõiki teie video aspekte, sellest, kes saab seda vaadata, kui kaua see on, sisu, veebiaadressi ja serveri toimivust. Ja HTML 5- video annab teile võimaluse oma video kodeerida nii palju vormingus kui peate veenduma, et maksimaalne arv inimesi seda saab vaadata. Teie kliendid ei vaja pistikprogrammi ega oota, kuni YouTube avaldab uuem versioon.
Muidugi pakub HTML 5 video mõningaid puudusi
Need sisaldavad:
- Peate kodeerima oma videot vähemalt kolmes erinevas koodekis
- Peate lisama mõne JavaScripti, et tagada brauserid, mis ei toeta HTML 5 funktsiooni
- Teie server peab suutma hallata videote vastuvõtmise ribalaiuse nõudeid
02 of 10
Kiire ülevaade veebitugevusest
Veebilehtede video lisamine on juba ammu olnud keeruline protsess. Seal oli nii palju asju, mis võivad valesti minna:
- Esiteks kasutate sildi
- Niisiis lülitute sildi
- Siis sa arvad " Flash !" Ja kodeerige oma video FLV-failina. Kuid paljudes mobiilseadmetes pole Flashi toetust ja paljud inimesed vihkavad Flashi, olenemata sellest, kuidas seda kasutatakse (25% vastanutest minu küsitluses, kuidas Flashi kohta tundus , et nad ei suuda Flashi mis tahes viisil seista).
- Nii et otsustate oma video üles laadida videote manustamiskohta, näiteks YouTube'i, kuid teil on YouTube'is arutatud probleeme.
- Lõpuks otsustate minna HTML 5-ga, kuid Internet Explorer seda ei toeta (mitte ainult Internet Explorer 9). Ja isegi kui teete, on olemas kaks videokoodekit, mida toetatakse ja ainult ühte brauserit, mis võivad neid mõlemaid kasutada. Brauserite toetus videokoodekidele ja konteineritele
Mida peaks siis tegema? Enamikule saitidele enam ei saa videot loobuda, kuna video muutub üha olulisemaks. Ja paljud saidid on video edukalt sisse lülitanud.
Selle artikli järgmiste lehekülgede abil saate lisada oma veebisaitidele, mis töötavad Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 ja 4, iPhone'is ja Androidis, Flashis ning Internet Explorer 7 ja 8, video lisamiseks. Samuti on teil vaja klahve, mis vajavad vajaduse korral muude vanemate brauserite toe lisamist.
03 of 10
Loo ja muutke oma videot
Esimene asi, mida vajate, kui soovite videot veebisaidile panna, on tegelik video. Funktsiooni loomiseks saate kas tulistada pidevalt ja hiljem redigeerida, või võite selle skriptida ja planeerida enne tähtaega. Mõlemal juhul toimib hästi, see on just see, mis sulle meeldib. Kui te ei tea, millist videot peaksite tegema, vaadake neid ideid töölaua video juhendist:
- Perekonna videoprojektsioonid
- Turundus- ja reklaamvideod
- Video virtuaalsed ekskursioonid
- Kuidas videodest
- Pulmad Videod
Õppige kvaliteetset videot salvestama
Veenduge, et tead, kuidas salvestada siseruumides ja väljas, samuti heli salvestamiseks. Valgustus on samuti väga oluline - pildid, mis on liiga eredad, kahjustavad silmi ja liiga tumedad on lihtsalt mudased ja ebaprofessionaalsed. Isegi kui kavatsete oma saidil oma 30-sekundilist videot plaanida, seda kõrgemat kvaliteeti see paremaks peegeldab teie veebisaidil.
Samuti pidage meeles, et autoriõigus kehtib kõigi helide või muusika (ja ka varufilmide kohta) kohta, mida võiksite oma videol kasutada. Kui teil pole sõpradele juurdepääsu, kes suudaks teile laulu kirjutada ja mängida, peate taustal esitama tasuta litsentsitasu muusikat. Siin on ka kohti, kuhu saate oma videotele lisada ka filmimaterjali.
Teie video redigeerimine
Pole vahet, mida redigeerimise tarkvara kasutate, nii kaua, kui olete sellega tuttav ja kasuta seda tõhusalt. Gretchenil on töölauavideose videofunktsioon, millel on mõned professionaalsed videote redigeerimise nõuanded, mis aitavad teil oma videoid muuta, et need oleksid suurepärased.
Salvestage oma video MOV või AVI (või MPG, CD, DV)
Ülejäänud selle juhendaja puhul eeldame, et teie video on salvestatud teatud tüüpi kõrgekvaliteedilise (mitte-kokkusurutud) vormingus nagu AVI või MOV. Kuigi saate neid faile kasutada, on teil tekkinud kõik probleemid seoses videoga, millest oleme juba arutanud. Järgmistes lehtedes selgitatakse, kuidas muuta faili kolme tüüpi, nii et seda saaks vaadata kõige rohkem brauseritega.
04 10-st
Teisenda video Firefoxi jaoks Oggiks
Esimene formaat, mille me teisendame, on Ogg (mõnikord nimetatakse Ogg-Theoraks). See formaat on see, mida kõik Firefox 3.5, Opera 10.5 ja Chrome 3 saavad vaadata.
Kahjuks ei paku Ogg brauseri tugi, kuid paljud tuntud videoprogrammid, mida saate osta (Adobe Media Encoder, QuickTime jne), ei paku Ogg-i teisendamise võimalust. Nii et ainus viis video teisendamiseks Oggiks on konversiooniprogrammi leidmine veebis.
Konversioonivalikud
On olemas veebipõhine tööriist Media-Convert, milles väidetakse, et teisendada video (ja heli) mitmesuguseid vorminguid teistesse video (ja heli) vormingutesse. Kui proovisime oma 3-sekundilise katse-videoga, ei saanud me seda Maciga töötada. Aga sul võib olla paremat õnne. Selle saidi eeliseks on see, et see on tasuta.
Mõned teised leitud tööriistad on järgmised:
- Miro Video Converter (Windows Macintosh) - see programm on kasulik mõlema Ogg ja MP4 (H.264) muundamiseks ning see on avatud lähtekoodiga.
- Koyote Video Converter (Windows)
- Tasuta video converter Me arvame, et sellel on nii Windowsi kui ka Macintoshi versioon, kuid nende saidil oli raske seda öelda
- Lihtne Theora Encoder (Macintosh) - see on see, mida me kaldume kasutama.
Kui olete oma video salvestanud Ogg-vormingus, salvestage see oma veebisaidi asukohta ja minge järgmisele lehele teistele brauseritele teistele vormidele teisendamiseks.
05 of 10
Konverteeri Safari video MP4-le
Järgmine formaat, kuhu peaks oma video teisendama, on MP4 (H.264 video), nii et seda saab mängida Safari 3 ja 4 ning iPhone'is ja Androidis. Lisaks saab H.264 videoid Flashi vaatamiseks hõlpsasti FLV-failideks teisendada.
See formaat on kommertstoodetes kergemini kättesaadav ja teil on tõenäoliselt juba programm, mis muudab videoraktoriks MP4-faili. Kui teil on Adobe Premiere, võite kasutada Adobe Video Encoderit või kui teil on QuickTime Pro, mis samuti töötab. Paljud eelmisele lehele arutletud konverterid teisendavad videoid ka MP4-le.
- Media-Convert - veebipõhine tööriist
- Miro Video Converter (Windows Macintosh) - see programm on kasulik mõlema Ogg ja MP4 (H.264) muundamiseks ning see on avatud lähtekoodiga.
- SUPER (Windows) - konverteerib paljud erinevad failitüübid MP4-le ja FLV-le
- Tasuta video converter Me arvame, et sellel on nii Windowsi kui ka Macintoshi versioon, kuid nende saidil oli raske seda öelda
Salvesta oma MP4-fail oma veebisaidile ja siis peate selle teisendama Flash-i kasutamiseks Internet Exploreris.
06 10-st
Konverteeri Internet Exploreri videot FLV-le
Lihtsaim viis videote teisendamiseks FLV-sse on kasutada Flash ise. Nii konverteerime minu videod Flashiga. Aga kui teil pole Flashi, on siin kaks populaarset faili konverteerimiseks FLV-sse:
- SUPER (Windows) - konverteerib paljud erinevad failitüübid MP4-le ja FLV-le
- ffmpegX (Macintosh) - konverteerib paljud erinevad failitüübid Mp4 ja FLV-le.
Salvestage oma veebisaidile FLV-fail ja järgmisel lehel kuvatakse teile, kuidas HTML-i kirjutada, et saaksite oma videoid esitada.
07 of 10
Lisage oma veebilehele videoelement
Veebilehtedele video lisamiseks on väga lihtne kasutada HTML 5-d. Enamik kaasaegsetest brauseritest toetavad HTML 5-videot, kuigi kõik ei toeta seda ühtmoodi. Kuid see tähendab, et kui salvestate oma video nii Ogg-i kui ka MP4-vormingus, saate kirjutada vaid nelja või viiest HTML-rida, et seda kuvada kõige kaasaegsemates brauserites (välja arvatud Internet Explorer 8). Nii toimige järgmiselt.
- Kirjuta HTML5 dotsüümi marker, nii et brauserid teaksid, et oodatakse HTML 5:
- Loo oma veebisait, nagu tavaliselt seda luua:
</ title> <br> </ head> <br> <body> <br><br> </ body> <br> </ html> </blockquote></li><li> Kere sees asetage <video> tag: <blockquote> <video> </ video> </blockquote></li><li> Otsustage, milliseid atribuute soovite, et teie video oleks: <ul><li> autoplay - alustama niipea, kui see on alla laaditud </li><li> juhtelemendid - lase oma lugejatel video juhtimiseks (paus, tagasikerimine, edasi-tagasi) </li><li> loop - alusta videot algusest peale, kui see lõpeb </li><li> Eellaadimine - video eellaadimiseks, et see oleks valmis kiiremini, kui klient seda klõpsab </li><li> plakat - määratlege pilt, mida soovite videot peatades kasutada </li></ul> Soovitame kasutada juhtelemente ja eellaadimist. Kasutage posteri valikut, kui teie videoel ei ole head esimest stseeni. <blockquote> <video-kontrollerid eellaadimiseks> </ video> </blockquote></li><li> Seejärel lisage oma video (MP4 ja OGG) kaks versiooni lähtefaili elemendi <video> sees: <blockquote> <video-eelseadistused> <br> <source src = "shasta.mp4" type = 'video / mp4; koodekid = "avc1.42E01E, mp4a.40.2" "> <br> <allikas src = "shasta.ogg" type = 'video / ogg; koodekid = "theora, vorbis" '> <br> </ video> </blockquote></li><li> Avage leht Chrome 1, Firefox 3.5, Opera 10 ja / või Safari 4 ja veenduge, et see kuvatakse õigesti. Sa peaksid seda testima vähemalt Firefox 3.5 ja Safari 4-s, kuna need kasutavad erinevat koodekit. </li></ol><p> See on nii. Kui teil on see kood olemas, on teil video, mis töötab Firefox 3.5, Safari 4, Opera 10 ja Chrome 1. Aga kuidas on tegemist Internet Exploreri? </p> <h3> Internet Explorer ei meeldi HTML 5-s või slaidil <video> </h3><p> Järgmises jaotises räägime sellest, mida saate teha, et IE 8 saaksid teie HTML 5 videomärgenditega suurepäraselt mängida ja kuvada videot. Sa pead Flashi kasutama. Hea uudis on see, et IE 9 peaks toetama HTML 5-d ja videotüübi. </p> <p> <strong>08 10-st</strong> </p> <h3> Lisage JavaScripti ja Flash Playerit, et Internet Explorer saaks tööle </h3><p> Võib-olla olete märganud, et eelmise lehe HTML-is pole FLV-faili lähteliini. Ja kui katsetate seda lehte Internet Exploreris, siis see ei toimi. Seda seetõttu, et Internet Explorer ei tunne HTML 5-d ja ta ei saa OGG-vormingus või MP4-videoid omavahel mängida. Selleks, et Internet Explorer 7 ja 8 töötaksid, peate selle esitama Flashina. Kuid on rohkem samme selle saamiseks töö tegemiseks kui lihtsalt FLV-faili lisamine. </p> <h3> 1. samm: saate oma veebisaidile Flash-videopleieri </h3> <p> Soovitame FlowPlayeri kasutamist, kuna see on avatud lähtekoodiga Flash-videopleier, mille saate oma veebiserverisse installida ja kasutada, kui teil on Flash-video mängimiseks. FlowPlayeri tasuta versioon lisab teie videotele reklaami, kuid võite ka osta kaubanduslikke litsentse, kui neid vajate. </p> <p> FlowPlayeri installimiseks oma veebisaidil järgige FlowPlayeri saidi juhiseid. Lühidalt peate oma saidil installima 2 SWF-faili ja JavaScripti faili. HTML-i allservas (enne sildi </ body>) lisatakse rida: </p> <blockquote> <script src = "flowplayer.min.js"> </ script> </blockquote><p> Kuid Internet Explorer ikkagi ei mängi videot, peate õpetama seda, kuidas ära tunda HTML 5 silte. </p> <h3> 2. samm: veenda Internet Explorerit, et lugeda HTML 5 sildid </h3><p> Google'i koodis on käepärane skript "HTML Shiv", mis aitab IE tunnustada HTML 5 elemente. Nii et HTML-dokumendi <head> peate selle viitama. Parim on lisada see IE tingimustega seotud kommentaaridele, et teised brauserid ei oleks segaduses: </p> <blockquote> <! - [kui IE]> <br> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script> <br> <! [endif] -> </blockquote><p> Okei, nüüd tunneb IE ära <video> märgendi, kuid ei tea, mida teha siiani kaasatud lähtekoodiga. </p> <h3> 3. samm: lisage FLV-faili lähtejoon </h3><p> Täpselt nagu eelmisel lehel, lisate oma <5-video> elemendi sees oma HTML-ile rea, mis näitab, kus olete oma serveris FLV-faili salvestanud. </p> <blockquote> <video-eelseadistused> <br> <source src = "shasta.mp4" type = 'video / mp4; koodekid = "avc1.42E01E, mp4a.40.2" "> <br> <allikas src = "shasta.ogg" type = 'video / ogg; koodekid = "theora, vorbis" '> <br> <strong><allikas src = "shasta.flv" type = 'video / x-flv;</strong> <strong>codecs = "On2 VP6, Sorenson Spark, Screen video, Screen video 2, H.264" "></strong> <br> </ video> </blockquote><p> <strong>09 of 10</strong> </p> <h3> Lisage JavaScripti ja Flash-mängijat Internet Exploreri tööle saamiseks - 2. osa </h3><p> Kahjuks pole me ikka veel valmis. Peame nüüd ütlema IE-le, et kasutada FlowPlayeri Flash-videopleierit, millele oleksime eespool nimetatud. </p> <h3> 4. samm: lülitage <video> elementi sisse Flashi </h3><p> Selleks vajame teist skripti. Me saime skripti <a href="https://exse.eyewated.com/fls/2c43db937344104c.js">Dive Into HTML 5-</a> sse. Aga kui seda katsetati, ei toiminud, kuni me tegime paar korrektuure: </p> <ul><li> Ligikaudne rida 31: lisage oma FlowPlayeri installi asukoht. </li><li> Ligikaudu rida 42: failitüübi muutmine <blockquote> video / mp4 </blockquote> et <blockquote> video / x-flv </blockquote></li><li> Ringi 94: alustades <blockquote> kui (!! $ && !! $ (document) .ready) { </blockquote> dokumendi lõppu muuta seda jaotist järgmiselt: <blockquote> // kui (!! $ && !! $ (document) .ready) { <br> / * jQuery kasutajad saavad initsialiseerida niipea, kui DOM on valmis * / <br> // $ (document) .ready (html5_video_init); <br> // teisele { <br> / * Kõik teised saavad oodata, kuni onload * / <br> / * addEvent funktsioon http://www.ilfilosofo.com/blog/2008/04/14/addevent-preserving-this/ * / <br> var addEvent = funktsioon (obj, tüüp, fn) { <br> kui (obj.addEventListener) <br> obj.addEventListener (tüüp, fn, vale); <br> muidu kui (obj.attachEvent) <br> obj.attachEvent ('sees' + tüüp, function () {tagas fn.apply (obj, uus array (window.event));}); <br> } <br> addEvent (aken, laadimine, html5_video_init); <br> //) </blockquote></li></ul><p> Kui olete JavaScripti faili redigeerinud, laadige see oma serverisse üles ja linkige see HTML-lehekülje allservas (enne </ body>): </p> <blockquote> <script src = "html5-video.js"> </ script> </blockquote><p> Vau! Nüüd, kui olete seda teinud, peaksite oma HTML-i üles laadima, et saaksite alustada testimist. </p> <p> <strong>10-st 10-st</strong> </p> <h3> Katsetage nii palju brauserit kui võimalik </h3><p> Video lehtede testimine on kriitilise tähtsusega, kui soovite edukat käivitamist. Saate kindlasti oma lehe testida oma veebisaidi kõige populaarsemate brauserite ja versioonide jaoks. </p> <p> Leidsime, et kui videot katsetada saab kasutada selliseid tööriistu nagu BrowserLab ja AnyBrowser, pole see nii usaldusväärne kui lehe kasvatamine brauseris ise. Kui teete seda, saate tõesti näha, kas see töötab või mitte. </p> <p> Kuna olete läinud kõikidele probleemidele, mis kodeerivad teie videot kolmes vormingus, peate selle testi veenduma, et veenduda, et see kuvatakse kõigis kolmes vormingus. See tähendab, et peaksite seda vähemalt testima: </p> <ul><li> Firefox 3.5 </li><li> Safari 3 või 4 </li><li> Internet Explorer 7 või 8 </li></ul><p> Saate Chrome'is testida, kuid kuna Chrome vaatab kõiki kolme meetodit (isegi Flash, kui teil on plugin), on raske mõista, kas mõni teine kahest või mille Chrome'i kodekit kasutades on probleem. </p> <p> Teie meelerahu jaoks peaksite proovima ka vanemates brauserites, et näha, mida nad teevad, eriti kui paljud teie lugejad kasutavad vanemaid brausereid. </p> <h3> Video saamine vanemates brauserites </h3><p> Nagu iga veebi lehe puhul, peaksite kõigepealt kaaluma, kui tähtis on need brauserid tööle panna. Kui 90% oma klientidest kasutab Netscapeit, siis peaks teil olema tagasilöögikava. Kuid kui see on vähem kui 1%, ei pruugi see nii palju olla. </p> <p> Kui olete otsustanud, milliseid brausereid proovite toetada, on lihtsaim viis luua neile alternatiivne leht video vaatamiseks. Sellel alternatiivsel lehel pannakse video HTML-i kasutades sisse. kasutage mõnda brauseritüüpi, et neid seal esile suunata või lihtsalt sellele lehele sellel saidil lingi. </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://et.eyewated.com/hankige-oma-html-tabelites-funktsioone/"> <amp-img src="https://exse.eyewated.com/pict/88096f5a98fe3ef4-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/hankige-oma-html-tabelites-funktsioone/">Hankige oma HTML-tabelites funktsioone</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/millal-kasutada-html5-section-elementi/">Millal kasutada HTML5 SECTION elementi?</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/kirjavahemaerkide-ja-muude-taehemaerkide-html-koodid/"> <amp-img src="https://exse.eyewated.com/pict/f05b77d3acc02f4c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/kirjavahemaerkide-ja-muude-taehemaerkide-html-koodid/">Kirjavahemärkide ja muude tähemärkide HTML-koodid</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/coffeecup-tasuta-html-redigeerija-profiil/"> <amp-img src="https://exse.eyewated.com/pict/ef0cec6da7ed345b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/coffeecup-tasuta-html-redigeerija-profiil/">CoffeeCup tasuta HTML-redigeerija profiil</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/html-nuppude-vormindamine/"> <amp-img src="https://exse.eyewated.com/pict/2d691e7fe79532bf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/html-nuppude-vormindamine/">HTML-nuppude vormindamine</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/kuidas-html-i-maerksonu-kasutada/"> <amp-img src="https://exse.eyewated.com/pict/b7ebc6a1fd2e3041-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/kuidas-html-i-maerksonu-kasutada/">Kuidas HTML-i märksõnu kasutada</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/kuidas-luua-html-tuehimaerk/"> <amp-img src="https://exse.eyewated.com/pict/d828541cc37d2fe5-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/kuidas-luua-html-tuehimaerk/">Kuidas luua HTML tühimärk</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/facebook-maerkused-ei-toeta-enam-html-i-kuid-on-endiselt-valikud/"> <amp-img src="https://exse.eyewated.com/pict/ff980faaa43d2ff6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/facebook-maerkused-ei-toeta-enam-html-i-kuid-on-endiselt-valikud/">Facebook märkused ei toeta enam HTML-i, kuid on endiselt valikud</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/tabelandmed-ja-tabelite-kasutamine-xhtml-is/"> <amp-img src="https://exse.eyewated.com/pict/0c22b38418ef3120-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/tabelandmed-ja-tabelite-kasutamine-xhtml-is/">Tabelandmed ja tabelite kasutamine XHTML-is</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://et.eyewated.com/the-surface-book-microsoft-ultimate-suelearvuti/"> <amp-img src="https://exse.eyewated.com/pict/be959a622c9b38d2-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/the-surface-book-microsoft-ultimate-suelearvuti/">The Surface Book: Microsoft Ultimate sülearvuti</a></h3> <div class="amp-related-meta"> Toote ülevaated </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/kuidas-otsustada-kuhu-arvuti-remontida/"> <amp-img src="https://exse.eyewated.com/pict/d67d0be483c8345b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/kuidas-otsustada-kuhu-arvuti-remontida/">Kuidas otsustada, kuhu arvuti remontida</a></h3> <div class="amp-related-meta"> Rohkem abi </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/mida-taehendab-viilu-loikamine/">Mida tähendab viilu lõikamine?</a></h3> <div class="amp-related-meta"> </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/windows-7-toeoelaua-luehijuhend/">Windows 7 töölaua lühijuhend</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/vihmaandurite-kasutamine-koduautomaatika-suesteemides/"> <amp-img src="https://exse.eyewated.com/pict/07de5d6e9fe434ed-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/vihmaandurite-kasutamine-koduautomaatika-suesteemides/">Vihmaandurite kasutamine koduautomaatika süsteemides</a></h3> <div class="amp-related-meta"> Internet ja võrk </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/kuidas-muuta-oma-nime-facebookis/"> <amp-img src="https://exse.eyewated.com/pict/965bd00f48223356-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/kuidas-muuta-oma-nime-facebookis/">Kuidas muuta oma nime Facebookis</a></h3> <div class="amp-related-meta"> Sotsiaalmeedia </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://et.eyewated.com/kuidas-lisada-suendmuse-taimerit-googlei-kalendris/"> <amp-img src="https://exse.eyewated.com/pict/97deb3c96aa637f0-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/kuidas-lisada-suendmuse-taimerit-googlei-kalendris/">Kuidas lisada sündmuse taimerit Google'i kalendris</a></h3> <div class="amp-related-meta"> E-post ja sõnumside </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/programmide-vaelistamine-dep-st-andmete-taeitmise-vaeltimine/"> <amp-img src="https://exse.eyewated.com/pict/bd4f57f2f68a3d64-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/programmide-vaelistamine-dep-st-andmete-taeitmise-vaeltimine/">Programmide välistamine DEP-st (andmete täitmise vältimine)</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/silent-hill-purunenud-maelestused-nightmare-kkk/"> <amp-img src="https://exse.eyewated.com/pict/a77a6c15baac38e1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/silent-hill-purunenud-maelestused-nightmare-kkk/">"Silent Hill: purunenud mälestused" Nightmare KKK</a></h3> <div class="amp-related-meta"> Mängimine </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/hexdump-linux-command-unix-command/"> <amp-img src="https://exse.eyewated.com/pict/3e8df3795ed53717-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/hexdump-linux-command-unix-command/">Hexdump - Linux Command - Unix Command</a></h3> <div class="amp-related-meta"> Linux </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/kuidas-pilvandmetoeoetlus-muutub-2020-aastaks/"> <amp-img src="https://exse.eyewated.com/pict/f761def87ece33e0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/kuidas-pilvandmetoeoetlus-muutub-2020-aastaks/">Kuidas pilvandmetöötlus muutub 2020. aastaks?</a></h3> <div class="amp-related-meta"> Veebiotsing </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/mis-on-thunderbolt/"> <amp-img src="https://exse.eyewated.com/pict/cad8e816eac835be-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/mis-on-thunderbolt/">Mis on Thunderbolt?</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/must-ja-valge-palju-naegusid/"> <amp-img src="https://exse.eyewated.com/pict/74769e0546823007-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/must-ja-valge-palju-naegusid/">Must ja valge palju nägusid</a></h3> <div class="amp-related-meta"> Tarkvara </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/kustutage-kirjad-ios-i-kirja-kohe-teavituskeskusest/"> <amp-img src="https://exse.eyewated.com/pict/2b0866d04c96443f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/kustutage-kirjad-ios-i-kirja-kohe-teavituskeskusest/">Kustutage kirjad iOS-i kirja kohe teavituskeskusest</a></h3> <div class="amp-related-meta"> IPhone ja iPod </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/kuidas-eelistusi-eemaldada-macilt/"> <amp-img src="https://exse.eyewated.com/pict/fe6b65ef76a83563-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/kuidas-eelistusi-eemaldada-macilt/">Kuidas eelistusi eemaldada Macilt</a></h3> <div class="amp-related-meta"> Maci </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/parandage-imessage-androidi-viga-selle-tasuta-toeoeriistaga/"> <amp-img src="https://exse.eyewated.com/pict/6fd2b0cf25443704-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/parandage-imessage-androidi-viga-selle-tasuta-toeoeriistaga/">Parandage iMessage Androidi viga selle tasuta tööriistaga</a></h3> <div class="amp-related-meta"> Android </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/conky-jaoks-algajatele-moeldud-juhend/"> <amp-img src="https://exse.eyewated.com/pict/9275dc666a273259-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/conky-jaoks-algajatele-moeldud-juhend/">Conky jaoks algajatele mõeldud juhend</a></h3> <div class="amp-related-meta"> Linux </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/kaeigukasti-kontrolli-protokolli-interneti-protokolli-tcp-ip-moistmine/"> <amp-img src="https://exse.eyewated.com/pict/85218c4521484848-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/kaeigukasti-kontrolli-protokolli-interneti-protokolli-tcp-ip-moistmine/">Käigukasti kontrolli protokolli / Interneti-protokolli (TCP / IP) mõistmine</a></h3> <div class="amp-related-meta"> Internet ja võrk </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/kuidas-fix-gdiplus-dll-ei-leitud-voi-puuduvad-vead/"> <amp-img src="https://exse.eyewated.com/pict/b252a597cfb337db-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/kuidas-fix-gdiplus-dll-ei-leitud-voi-puuduvad-vead/">Kuidas Fix Gdiplus.dll ei leitud või puuduvad vead</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/kuidas-salvestada-fotosid-ja-pilte-ipadi-kaameraribale/"> <amp-img src="https://exse.eyewated.com/pict/bde2fd5dc1973345-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/kuidas-salvestada-fotosid-ja-pilte-ipadi-kaameraribale/">Kuidas salvestada fotosid ja pilte iPadi kaameraribale</a></h3> <div class="amp-related-meta"> IPad </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/mis-on-mdt-fail/"> <amp-img src="https://exse.eyewated.com/pict/76640edf08c43161-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/mis-on-mdt-fail/">Mis on MDT-fail?</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://et.eyewated.com/hr-horisontaalse-reegli-maergendi-kujundamine/"> <amp-img src="https://exse.eyewated.com/pict/142df10c65ff3048-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://et.eyewated.com/hr-horisontaalse-reegli-maergendi-kujundamine/">HR (horisontaalse reegli) märgendi kujundamine</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> </div></article> <footer class="amp-wp-footer"> <div class="amp-wp-footer-inner"> <a href="#" class="back-to-top">Back to top</a> <p class="copyright"> © 2024 et.eyewated.com </p> <div class="amp-wp-social-footer"> <a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a> </div> </div> </footer> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/12022999/0/02d06b5d/1/"> </amp-pixel> </div> </body> </html> <!-- Dynamic page generated in 1.251 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 21:55:53 --> <!-- 0.002 -->