Die HTML 5-video-tag maak dit maklik om video by jou webblaaie te voeg. Maar terwyl dit maklik op die oppervlak lyk, is daar baie dinge wat jy moet doen om jou video aan die gang te kry. Hierdie handleiding sal u deur die stappe neem om 'n bladsy in HTML 5 te skep wat video in al die moderne blaaiers sal uitvoer.
- Huur jou eie HTML 5-video teen YouTube
- Vinnige oorsig van video ondersteuning op die web
- Skep en wysig jou video
- Skakel die video na Ogg vir Firefox
- Skakel die video na MP4 vir Safari
- Skakel die video na FLV vir Internet Explorer
- Voeg die video-element by jou webbladsy
- Voeg die JavaScript en Flash Player toe om Internet Explorer te kry om deel 1 te werk
- Toets in soveel blaaiers soos jy kan
01 van 10
Huur jou eie HTML 5-video teen YouTube
YouTube is 'n goeie webwerf. Dit maak dit maklik om vinnig video in webbladsye vas te lê, en met 'n paar klein uitsonderings is dit redelik naatloos in die uitvoering van daardie video's. As jy 'n video op YouTube plaas, kan jy redelik seker wees dat iemand dit sal kan sien.
Maar die gebruik van YouTube om jou video's in te sluit, het n paar nadele
Die meeste van die probleme met YouTube is aan die verbruikers kant, eerder as aan die ontwerper kant, dinge soos:
- Stadig soek en kruip
- Bedieneronderbrekings
- Inhoud word willekeurig verwyder (skynbaar)
- Te veel slegte inhoud
Maar daar is 'n paar redes waarom YouTube ook sleg is vir inhoudontwikkelaars, insluitend:
- 10 minute maksimum lengte vir video's (vir gratis rekeninge)
- Swak oplaai prestasie
- YouTube kry onbeperkte gebruiksregte vir jou video
- Enige YouTube-gebruiker kry onbeperkte gebruiksregte vir jou video
HTML 5 Video bied enkele voordele oor YouTube
Deur HTML 5 vir video te gebruik, sal jy elke aspek van jou video beheer, van wie dit kan bekyk, hoe lank dit is, wat die inhoud bevat, waar dit gehuisves word en hoe die bediener presteer. En HTML 5- video gee jou die geleentheid om jou video te enkodeer in soveel formate as wat jy nodig het om seker te maak dat die maksimum aantal mense dit kan sien. Jou kliënte het nie 'n prop nodig nie of wag totdat YouTube 'n nuwer weergawe vrystel.
Natuurlik bied HTML 5 Video 'n paar nadele
Dit sluit in:
- Jy moet jou video in ten minste drie verskillende kodeke enkodeer
- Jy moet JavaScript insluit om te verseker dat blaaiers wat nie HTML 5 ondersteun nie, sal werk
- Jou bediener moet in staat wees om die bandwydtevereistes van hosting video's te hanteer
02 van 10
Vinnige oorsig van video ondersteuning op die web
Video by webbladsye is al lank 'n moeilike proses. Daar was so baie dinge wat verkeerd kon gaan:
- Eerstens gebruik jy die tag
- So jy skakel na die
- Dan dink jy " Flash !" En enkodeer jou video as 'n FLV-lêer. Maar Flash word nie ondersteun op baie mobiele toestelle nie, en baie mense haat Flash, ongeag hoe dit gebruik word. (25% van die respondente in my stembus wat gevra het oor hoe jy voel oor Flash het gesê dat hulle nie op enige manier op Flash kan staan nie).
- So jy besluit om jou video op te laai na 'n video-inbedding-werf soos YouTube, maar dan het jy die probleme met YouTube wat ons bespreek het.
- Ten slotte besluit jy om met HTML 5 te gaan, maar Internet Explorer ondersteun dit nie (nie tot Internet Explorer 9 nie). En selfs as jy dit doen, is daar twee video-kodek-standaarde wat ondersteun word en net een blaaier wat albei kan gebruik. Browser Ondersteuning vir Video Codecs en Containers
So, wat moet jy doen? Om op video aan te gee, is nie meer 'n opsie vir die meeste webwerwe nie, aangesien die video steeds belangriker word. En baie webwerwe het suksesvol oorgeskakel na video.
Die volgende bladsye van hierdie artikel sal u help om video by u webblaaie by te voeg wat werk in Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 en 4, iPhone en Android, Flash en Internet Explorer 7 en 8. U sal het ook die sleutels wat u nodig het om ondersteuning vir ander ouer blaaiers te voeg indien nodig.
03 van 10
Skep en wysig jou video
Die eerste ding wat jy nodig het as jy 'n video op 'n webblad wil plaas, is die werklike video. U kan voortdurend skiet en daarna wysig om 'n funksie te skep, of u kan dit script en beplan voor die tyd. In elk geval werk goed, dis net wat jy gemaklik is. As jy nie weet watter tipe video jy moet maak nie, gaan kyk na hierdie idees uit die videobandgids op die lessenaar:
- Familie Video Projekte
- Bemarking en promosie video's
- Video Virtuele Toere
- Hoe om video's te maak
- Trou Video's
Leer hoe om hoë kwaliteit video op te neem
Maak seker dat jy weet hoe om binne en buite te registreer, asook hoe om klank op te neem. Beligting is ook baie belangrik. Skote wat te helder is, seer die oë, en te donker lyk net modderig en onprofessioneel. Selfs as jy net van plan is om 'n video van 30 sekondes op jou webwerf te kry, hoe hoër die kwaliteit, hoe beter sal dit op jou webwerf weerspieël.
Onthou ook dat kopiereg van toepassing is op enige klanke of musiek (sowel as voorraadbeeldmateriaal) wat u dalk in u video wil gebruik. As jy nie toegang het tot 'n vriend wat 'n liedjie vir jou kan skryf en speel nie, moet jy tantième-musiek vind om op die agtergrond te speel. Daar is ook plekke waar jy materiaal kan maak om by jou video's te voeg.
Jou video wysig
Dit maak nie saak watter wysigingsprogrammatuur jy gebruik nie, net so lank as wat jy daarvan vertroud is en dit effektief kan gebruik. Gretchen, die lessenaar Video Guide, het 'n paar professionele video redigering wenke wat jou kan help om jou video's te wysig sodat dit goed lyk.
Stoor jou video na 'n MOV of AVI (of MPG, CD, DV)
Vir die res van hierdie handleiding gaan ons aanneem dat jy jou video gestoor het in 'n soort van hoë gehalte (nie-saamgeperste) formaat soos AVI of MOV. Terwyl u hierdie lêers kan gebruik soos hulle is, loop u in al die probleme met die video wat ons reeds bespreek het. Op die volgende bladsye word verduidelik hoe u die lêer omskep in drie soorte sodat dit sigbaar is deur die grootste aantal blaaiers.
04 van 10
Skakel die video na Ogg vir Firefox
Die eerste formaat wat ons sal omskep, is Ogg (soms Ogg-Theora genoem). Hierdie formaat is een wat Firefox 3.5, Opera 10.5 en Chrome 3 almal kan sien.
Ongelukkig, terwyl Ogg blaaierondersteuning het, bied baie van die bekende video programme wat u kan koop (Adobe Media Encoder, QuickTime, ens.) Nie 'n Ogg-omskakeling opsie. So, die enigste manier om jou video na Ogg om te skakel, is om 'n suksesprogram op die web te vind.
Gesprek opsies
Daar is 'n aanlyn-instrument genaamd Media-Convert wat beweer verskillende formate van video (en klank) omskep in ander video (en klank) formate. Toe ons dit met my 3-sekonde toetsvideo probeer het, kon ons dit nie op my Mac kry nie. Maar jy kan beter geluk hê. Hierdie webwerf het die voordeel om vry te wees.
Sommige ander gereedskap wat ons gevind het, sluit in:
- Miro Video Converter (Windows Macintosh) - Hierdie program het die voordeel van omskakeling na Ogg en MP4 (H.264) en dit is oopbron.
- Koyote Video Converter (Windows)
- Gratis Video Converter Ons dink dit het beide 'n Windows en 'n Macintosh-weergawe, maar dit was moeilik om van hul webwerf te vertel
- Eenvoudige Theora Encoder (Macintosh) - dit is die een wat ons gebruik.
Sodra u video gestoor is in die Ogg-formaat, stoor dit op 'n plek op u webwerf en gaan na die volgende bladsy om dit om te skakel na ander formate vir ander blaaiers.
05 van 10
Skakel die video na MP4 vir Safari
Die volgende formaat waarin jy jou video moet omskep, is MP4 (H.264 video) sodat dit op Safari 3 en 4 en die iPhone en Android gespeel kan word. Plus, H.264-video's kan maklik omskep word na FLV-lêers om op Flash te kyk.
Hierdie formaat is meer geredelik beskikbaar in kommersiële produkte, en jy het waarskynlik reeds 'n program wat na MP4 sal omskep as jy 'n video-redakteur het. As jy Adobe Premiere het, kan jy die Adobe Video Encoder gebruik, of as jy QuickTime Pro het, sal dit ook werk. Baie van die omsetters wat ons op die vorige bladsy bespreek het, sal ook video's na MP4 omskep.
- Media-Convert - 'n aanlyn-instrument
- Miro Video Converter (Windows Macintosh) - Hierdie program het die voordeel van omskakeling na Ogg en MP4 (H.264) en dit is oopbron.
- SUPER (Windows) - sal baie verskillende lêertipes omskep na MP4 en FLV
- Gratis Video Converter Ons dink dit het beide 'n Windows en 'n Macintosh-weergawe, maar dit was moeilik om van hul webwerf te vertel
Slaan jou MP4-lêer op jou webwerf en dan moet jy dit omskakel na Flash vir Internet Explorer om te gebruik.
06 van 10
Skakel die video na FLV vir Internet Explorer
Die maklikste manier om video's na FLV te omskep, is om Flash self te gebruik. Dit is hoe ons my video's omskep in Flash. Maar as jy nie Flash het nie, is hier twee gewilde gereedskap vir die omskakeling van lêers na FLV:
- SUPER (Windows) - sal baie verskillende lêertipes omskep na MP4 en FLV
- ffmpegX (Macintosh) - sal baie verskillende lêertipes omskep in MP4 en FLV.
Slaan jou FLV-lêer op jou webwerf en die volgende bladsy sal jou wys hoe om die HTML te skryf sodat jy jou video's kan speel.
07 van 10
Voeg die video-element by jou webbladsy
Dit is baie maklik om HTML 5 te gebruik om video by webblaaie te voeg. Mees moderne blaaiers ondersteun HTML 5-video, hoewel dit nie almal op dieselfde manier ondersteun nie. Maar wat dit beteken is dat as jy jou video stoor as Ogg- en MP4-formate, kan jy net vier of vyf reëls HTML skryf om dit in die meeste moderne blaaiers te vertoon (behalwe Internet Explorer 8). So is dit:
- Skryf die HTML 5 doctype merker sodat blaaiers weet om HTML 5 te verwag:
- Skep jou webblad soos jy dit normaalweg sou skep:
</ title> <br> </ Head> <br> <Body> <br><br> </ Body> <br> </ Html> </blockquote></li><li> Binne die liggaam plaas die <video> -tag: <blockquote> <Video> </ video> </blockquote></li><li> Besluit watter eienskappe jy wil hê jou video moet hê: <ul><li> Outomatiese afspeel - om te begin sodra dit afgelaai is </li><li> kontrole - laat jou lesers toe om die video te beheer (pouse, terugspoelen, vinnig vooruit) </li><li> lus - begin die video van die begin af wanneer dit eindig </li><li> Preload - laai die video vooraf af sodat dit vinniger gereed is as die kliënt daarop klik </li><li> plakkaat - definieer die prent wat jy wil gebruik wanneer die video gestop word </li></ul> Ons beveel aan om beheer en voorlading te gebruik. Gebruik die plakkaat opsie as jou video nie 'n goeie eerste toneel het nie. <blockquote> <preload vir video kontroles> </ video> </blockquote></li><li> Voeg dan die bronlêers by vir die twee weergawes van jou video (MP4 en OGG) binne die <video> -element: <blockquote> <preload vir video kontroles> <br> <source src = "shasta.mp4" type = 'video / mp4; codecs = "avc1.42E01E, mp4a.40.2" '> <br> <source src = "shasta.ogg" type = 'video / ogg; codecs = "theora, vorbis" '> <br> </ Video> </blockquote></li><li> Maak die bladsy oop in Chrome 1, Firefox 3.5, Opera 10 en / of Safari 4 en maak seker dit word korrek vertoon. Jy moet dit in ten minste Firefox 3.5 en Safari 4 toets - aangesien hulle elkeen 'n ander codec gebruik. </li></ol><p> Dis dit. Sodra u hierdie kode in plek het, sal u 'n video hê wat in Firefox 3.5, Safari 4, Opera 10 en Chrome 1 werk. Hoe gaan dit met Internet Explorer? </p> <h3> Internet Explorer hou nie van HTML 5 of die <video> Tag </h3><p> In die volgende afdeling sal ons praat oor wat u kan doen om IE 8 te kry om mooi met u HTML 5-video-tags te speel en 'n video te vertoon. Jy moet Flash gebruik. Die goeie nuus is dat IE 9 verwag word om HTML 5 en die video-tag te ondersteun. </p> <p> <strong>08 van 10</strong> </p> <h3> Voeg die JavaScript en Flash Player toe om Internet Explorer te laat werk </h3><p> U het dalk opgemerk dat daar in die HTML van die vorige bladsy geen bronlyn vir die FLV-lêer was nie. En as jy daardie bladsy in Internet Explorer getoets het, sal dit nie werk nie. Dit is omdat Internet Explorer nie HTML 5 herken nie en dit kan nie óf OGG- of MP4-video's normaal speel nie. Om Internet Explorer 7 en 8 te laat werk, moet jy die video as Flash speel. Maar daar is meer stappe om dit aan die werk te kry as om net die FLV-lêer by te voeg. </p> <h3> Stap 1: Kry 'n Flash Video Player vir u webwerf </h3> <p> Ons raai aan om FlowPlayer te kry, want dit is 'n oop video Flash-speler wat u op u webbediener kan installeer en gebruik wanneer u Flash-video moet speel. Die gratis weergawe van FlowPlayer voeg advertensies in jou video's in, maar jy kan ook kommersiële lisensies koop as jy dit nodig het. </p> <p> Volg die instruksies op die FlowPlayer-webwerf om FlowPlayer op jou webwerf te installeer. In 'n neutedop installeer jy 2 SWF-lêers en 'n JavaScript-lêer op jou werf. Aan die onderkant van jou HTML, (voor die </ body> tag) voeg jy 'n reël by: </p> <blockquote> <script src = "flowplayer.min.js"> </ script> </blockquote><p> Maar Internet Explorer sal steeds nie die video speel nie, jy moet dit leer hoe om HTML 5-tags te herken. </p> <h3> Stap 2: Oortuig Internet Explorer om HTML 5-etikette te lees </h3><p> Daar is 'n handige skrif op Google Kode genaamd "HTML Shiv" wat sal help om IE HTML 5-elemente te herken. So in die <head> van jou HTML dokument wil jy dit verwys. Dit is die beste om dit in IE voorwaardelike opmerkings by te voeg sodat ander blaaiers nie verwar word nie: </p> <blockquote> <! - [as IE]> <br> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script> <br> <! [Endif] -> </blockquote><p> Goed, nou sal IE die <video> -tag herken, maar weet nie wat om te doen met die bron lêers wat jy tot dusver ingesluit het nie. </p> <h3> Stap 3: Voeg 'n Bronlyn by vir die FLV-lêer </h3><p> Net soos jy op die vorige bladsy gedoen het, voeg jy 'n reël by jou HTML 5 in die <video> -element wat aandui waar jy die FLV-lêer op jou bediener gestoor het. </p> <blockquote> <preload vir video kontroles> <br> <source src = "shasta.mp4" type = 'video / mp4; codecs = "avc1.42E01E, mp4a.40.2" '> <br> <source src = "shasta.ogg" type = 'video / ogg; codecs = "theora, vorbis" '> <br> <strong><source src = "shasta.flv" type = 'video / x-flv;</strong> <strong>codecs = "On2 VP6, Sorenson Spark, skerm video, skerm video 2, H.264" '></strong> <br> </ Video> </blockquote><p> <strong>09 van 10</strong> </p> <h3> Voeg die JavaScript en Flash Player toe om Internet Explorer te laat werk - Deel 2 </h3><p> Ongelukkig is ons nog nie klaar nie. Ons moet nou aan IE vertel om die FlowPlayer Flash-videospeler wat ons hierbo genoem het, te gebruik. </p> <h3> Stap 4: Draai die <video> Element Into Flash </h3><p> Hiervoor benodig ons 'n ander skrif. Ons het die script van <a href="https://exse.eyewated.com/fls/2c43db937344104c.js">Dive Into HTML 5</a> . Maar toe ons dit getoets het, het dit nie werk totdat ons 'n paar aanpassings gedoen het nie: </p> <ul><li> Rondom lyn 31: voeg die ligging van jou FlowPlayer-installasie by. </li><li> Rondom lyn 42: verander die lêertipe vanaf <blockquote> video / mp4 </blockquote> om <blockquote> video / x-flv </blockquote></li><li> Rondom 94: begin met <blockquote> as (!! $ && !! $ (dokument) .ready) { </blockquote> Verander aan die einde van die dokument die gedeelte om te lees: <blockquote> // as (!! $ && !! $ (dokument) .ready) { <br> / * jQuery gebruikers kan initialiseer sodra die DOM gereed is * / <br> // $ (dokument) .ready (html5_video_init); <br> //} anders { <br> / * Almal anders kan wag tot onload * / <br> / * addEvent funksie via http://www.ilfilosofo.com/blog/2008/04/14/addevent-preserving-this/ * / <br> var addEvent = funksie (obj, tipe, fn) { <br> as (obj.addEventListener) <br> obj.addEventListener (tipe, fn, vals); <br> anders as (obj.attachEvent) <br> obj.attachEvent ('op' + tipe, funksie () {terugkeer fn.apply (obj, nuwe Array (window.event));}); <br> } <br> addEvent (venster, "laai", html5_video_init); <br> //} </blockquote></li></ul><p> Sodra jy die JavaScript-lêer geredigeer het, laai dit op jou bediener en skakel dit onder aan jou HTML-bladsy (voor die </ body>): </p> <blockquote> <script src = "html5-video.js"> </ script> </blockquote><p> Sjoe! Noudat jy dit alles gedoen het, moet jy jou HTML oplaai sodat jy kan begin toets. </p> <p> <strong>10 van 10</strong> </p> <h3> Toets in soveel blaaiers soos jy kan </h3><p> Toets video-bladsye is van kritieke belang as jy 'n suksesvolle bekendstelling wil hê. U moet seker wees om u bladsy te toets in die gewildste blaaiers en weergawes vir u webwerf. </p> <p> Ons het gevind dat terwyl dit moontlik is om gereedskap soos BrowserLab en AnyBrowser te gebruik om video te toets, is dit nie so betroubaar as om self die bladsy op 'n blaaier op te lei nie. As jy dit doen, kan jy regtig sien of dit werk of nie. </p> <p> Aangesien jy al die moeite gedoen het om jou video in drie formate te enkodeer, moet jy dit toets om seker te maak dat dit in al drie vertoon word. Dit beteken dat jy dit ten minste moet toets: </p> <ul><li> Firefox 3.5 </li><li> Safari 3 of 4 </li><li> Internet Explorer 7 of 8 </li></ul><p> Jy kan in Chrome toets, maar aangesien Chrome al drie die metodes sal sien (selfs Flash, as jy die inprop het), is dit moeilik om te sê of daar 'n probleem met een van die ander twee is of watter kodek Chrome gebruik. </p> <p> Vir jou gemoedsrus, moet jy ook in ouer blaaiers toets om te sien wat hulle doen, veral as baie van jou lesers ouer blaaiers gebruik. </p> <h3> Aan die video werk in ouer blaaiers </h3><p> Soos met enige webblad, moet u eers oorweeg hoe belangrik dit is om daardie blaaiers te laat werk. As 90% van u kliënte Netscape gebruik, moet u 'n terugbetalingsplan vir hulle hê. Maar as minder as 1% dit doen, mag dit nie soveel saak maak nie. </p> <p> Sodra jy besluit het watter blaaiers jy gaan probeer ondersteun, is die maklikste manier om eenvoudig 'n alternatiewe bladsy te skep sodat hulle die video kan sien. Op die alternatiewe bladsy sal jy 'n video insluit met behulp van HTML 4. En dan óf gebruik 'n vorm van blaaieropsporing om hulle daar te lei of voeg net 'n skakel na die bladsy op hierdie een. </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://af.eyewated.com/wat-is-n-html-kode-teenoor-n-html-element/"> <amp-img src="https://exse.eyewated.com/pict/8d74079c1c6b33e9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/wat-is-n-html-kode-teenoor-n-html-element/">Wat is 'n HTML-kode teenoor 'n HTML-element?</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/html-kodes-vir-franse-taal-karakters/"> <amp-img src="https://exse.eyewated.com/pict/04d644e10f713376-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/html-kodes-vir-franse-taal-karakters/">HTML-kodes vir Franse taal karakters</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/die-verhouding-tussen-sgml-html-en-xml/"> <amp-img src="https://exse.eyewated.com/pict/7a7d935e524b3387-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/die-verhouding-tussen-sgml-html-en-xml/">Die verhouding tussen SGML, HTML en XML</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/hoekom-gebruik-semantiese-html/"> <amp-img src="https://exse.eyewated.com/pict/8d74079c1c6b33e9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/hoekom-gebruik-semantiese-html/">Hoekom gebruik Semantiese HTML?</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/hoe-om-n-kenmerk-by-n-html-tag-te-voeg/"> <amp-img src="https://exse.eyewated.com/pict/d4682442f4973814-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/hoe-om-n-kenmerk-by-n-html-tag-te-voeg/">Hoe om 'n kenmerk by 'n HTML-tag te voeg</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/hoekom-jy-hierdie-5-html-redakteurs-vir-ipad-benodig/"> <amp-img src="https://exse.eyewated.com/pict/efd6465b731a309b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/hoekom-jy-hierdie-5-html-redakteurs-vir-ipad-benodig/">Hoekom jy hierdie 5 HTML-redakteurs vir iPad benodig</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/hoe-om-n-html-leer-in-n-ander-in-te-sluit/"> <amp-img src="https://exse.eyewated.com/pict/feac56ca5ec02e95-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/hoe-om-n-html-leer-in-n-ander-in-te-sluit/">Hoe om 'n HTML-lêer in 'n ander in te sluit</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/is-daar-n-html-ruimtetiket/"> <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://af.eyewated.com/is-daar-n-html-ruimtetiket/">Is daar 'n HTML-ruimtetiket?</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/5-groot-gereedskap-vir-die-omskakeling-van-html-na-pdf/"> <amp-img src="https://exse.eyewated.com/pict/1f5b70039043347e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/5-groot-gereedskap-vir-die-omskakeling-van-html-na-pdf/">5 Groot gereedskap vir die omskakeling van HTML na PDF</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://af.eyewated.com/torrent-file-sharing-n-beginnersgids/"> <amp-img src="https://exse.eyewated.com/pict/301f32ecfe103025-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/torrent-file-sharing-n-beginnersgids/">Torrent File Sharing: 'n Beginnersgids</a></h3> <div class="amp-related-meta"> Internet & Netwerk </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/die-web-2-0-woordelys/">Die Web 2.0 Woordelys</a></h3> <div class="amp-related-meta"> Sosiale media </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/n-slim-touch-die-2016-amazon-kindle/"> <amp-img src="https://exse.eyewated.com/pict/fe7a224a4bb530da-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/n-slim-touch-die-2016-amazon-kindle/">'N Slim Touch: Die 2016 Amazon Kindle</a></h3> <div class="amp-related-meta"> Produk Resensies </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/wat-is-n-standaard-gateway-in-networking/"> <amp-img src="https://exse.eyewated.com/pict/894bb43427db30c4-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/wat-is-n-standaard-gateway-in-networking/">Wat is 'n standaard gateway in Networking?</a></h3> <div class="amp-related-meta"> Internet & Netwerk </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/stel-jou-tv-en-home-theatre-system-op-vir-maart-madness/"> <amp-img src="https://exse.eyewated.com/pict/8f84bfb4b87d2f60-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/stel-jou-tv-en-home-theatre-system-op-vir-maart-madness/">Stel jou TV en Home Theatre System op vir Maart Madness</a></h3> <div class="amp-related-meta"> Huis Teater </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/voer-n-skoon-installasie-van-os-x-yosemite-op-u-mac-uit/"> <amp-img src="https://exse.eyewated.com/pict/2209b1d68a7f37ac-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/voer-n-skoon-installasie-van-os-x-yosemite-op-u-mac-uit/">Voer 'n skoon installasie van OS X Yosemite op u Mac uit</a></h3> <div class="amp-related-meta"> Macs </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://af.eyewated.com/hoe-om-n-alias-epos-adres-in-outlook-com-te-skep/"> <amp-img src="https://exse.eyewated.com/pict/0826211f6a143526-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/hoe-om-n-alias-epos-adres-in-outlook-com-te-skep/">Hoe om 'n alias epos adres in Outlook.com te skep</a></h3> <div class="amp-related-meta"> E-pos en boodskappe </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/byod-verduidelik-bring-jou-eie-apparaat/"> <amp-img src="https://exse.eyewated.com/pict/809d5273fe763bef-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/byod-verduidelik-bring-jou-eie-apparaat/">BYOD Verduidelik - Bring Jou Eie Apparaat</a></h3> <div class="amp-related-meta"> E-pos en boodskappe </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/hoe-om-n-sender-in-gmail-te-blokkeer/"> <amp-img src="https://exse.eyewated.com/pict/4a03fa86b19a34d9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/hoe-om-n-sender-in-gmail-te-blokkeer/">Hoe om 'n sender in Gmail te blokkeer</a></h3> <div class="amp-related-meta"> E-pos en boodskappe </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/wat-is-nintendo-3ds-speelmuntstukke-en-hoe-gebruik-jy-hulle/"> <amp-img src="https://exse.eyewated.com/pict/17721498430c3396-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/wat-is-nintendo-3ds-speelmuntstukke-en-hoe-gebruik-jy-hulle/">Wat is Nintendo 3DS-speelmuntstukke en hoe gebruik jy hulle?</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/6-produkte-wat-uitgebreide-vorm-draadloos/"> <amp-img src="https://exse.eyewated.com/pict/e330204ad0b72eb0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/6-produkte-wat-uitgebreide-vorm-draadloos/">6 produkte wat uitgebreide vorm draadloos</a></h3> <div class="amp-related-meta"> Nuwe en Volgende </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/la-rush-cheats-and-secrets-vir-ps2/"> <amp-img src="https://exse.eyewated.com/pict/6e841eaa751d30b6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/la-rush-cheats-and-secrets-vir-ps2/">"LA Rush" Cheats and Secrets vir PS2</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/wat-is-google-glass-en-hoe-funksioneer-dit/"> <amp-img src="https://exse.eyewated.com/pict/255487eccd5d32c3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/wat-is-google-glass-en-hoe-funksioneer-dit/">Wat is Google Glass en hoe funksioneer dit?</a></h3> <div class="amp-related-meta"> Web & Soek </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/need-for-speed-%E2%80%8B%E2%80%8Bundercover-cheats-vir-die-sony-psp/"> <amp-img src="https://exse.eyewated.com/pict/0574975ce8e533a4-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/need-for-speed-%E2%80%8B%E2%80%8Bundercover-cheats-vir-die-sony-psp/">"Need for Speed Undercover" Cheats vir die Sony PSP</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/die-misfit-ray-n-nuwe-fitness-en-slaap-monitor/"> <amp-img src="https://exse.eyewated.com/pict/15b69ac9c7273b9b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/die-misfit-ray-n-nuwe-fitness-en-slaap-monitor/">Die Misfit Ray: 'n Nuwe Fitness en Slaap Monitor</a></h3> <div class="amp-related-meta"> Drabare toestelle </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/hoe-om-een-%E2%80%8B%E2%80%8Bsender-se-pos-outomaties-te-verlig/"> <amp-img src="https://exse.eyewated.com/pict/af22f774bd223308-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/hoe-om-een-%E2%80%8B%E2%80%8Bsender-se-pos-outomaties-te-verlig/">Hoe om een sender se pos outomaties te verlig</a></h3> <div class="amp-related-meta"> E-pos en boodskappe </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/hoe-om-jou-volgers-te-verberg-en-wie-jy-in-google-buzz-volg/"> <amp-img src="https://exse.eyewated.com/pict/321c0c191c453377-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/hoe-om-jou-volgers-te-verberg-en-wie-jy-in-google-buzz-volg/">Hoe om jou volgers te verberg en wie jy in Google Buzz volg</a></h3> <div class="amp-related-meta"> E-pos en boodskappe </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/deaktiveer-autorun-autoplay/">Deaktiveer AutoRun / AutoPlay</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/hacktivism-wat-is-dit-en-is-dit-n-goeie-ding/"> <amp-img src="https://exse.eyewated.com/pict/6893278740dd33d8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/hacktivism-wat-is-dit-en-is-dit-n-goeie-ding/">Hacktivism: Wat is dit en is dit 'n goeie ding?</a></h3> <div class="amp-related-meta"> Sosiale media </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/facebook-chat-geskiedenis-logger-vir-firefox/"> <amp-img src="https://exse.eyewated.com/pict/17bff933a53335f1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/facebook-chat-geskiedenis-logger-vir-firefox/">Facebook Chat Geskiedenis Logger vir Firefox</a></h3> <div class="amp-related-meta"> Sosiale media </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/hoe-om-iphlpapi-dll-te-herstel-nie-gevind-of-foute-ontbreek-nie/"> <amp-img src="https://exse.eyewated.com/pict/e3c9029fbc0b37f8-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/hoe-om-iphlpapi-dll-te-herstel-nie-gevind-of-foute-ontbreek-nie/">Hoe om Iphlpapi.dll te herstel. Nie gevind of foute ontbreek nie</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/dit-is-amptelik-toshiba-kry-uit-die-tv-besigheid-in-noord-amerika/"> <amp-img src="https://exse.eyewated.com/pict/29a5f9b4aefe34d4-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/dit-is-amptelik-toshiba-kry-uit-die-tv-besigheid-in-noord-amerika/">Dit is amptelik: Toshiba kry uit die TV-besigheid in Noord-Amerika</a></h3> <div class="amp-related-meta"> Huis Teater </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 af.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.27 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 21:26:20 --> <!-- 0.002 -->