Brug HTML5 til at vise video i aktuelle browsere

HTML 5-videotaggen gør det nemt at tilføje video til dine websider . Men mens det ser let ud på overfladen, er der mange ting, du skal gøre for at få din video til at køre. Denne vejledning tager dig gennem trinene for at oprette en side i HTML 5, der vil køre video i alle de moderne browsere.

01 af 10

Hosting din egen HTML 5 Video vs brug af YouTube

YouTube er et godt websted. Det gør det nemt at integrere video på websider hurtigt, og med nogle mindre undtagelser er det ret problemfrit ved udførelsen af ​​disse videoer. Hvis du sender en video på YouTube, kan du være helt sikker på, at alle vil kunne se det.

Men at bruge YouTube til at integrere dine videoer har nogle ulemper

De fleste af problemerne med YouTube er på forbrugersiden, snarere end på designersiden, ting som:

Men der er nogle grunde til, at YouTube også er dårligt for indholdsudviklere, herunder:

HTML 5 Video giver nogle fordele over YouTube

Ved hjælp af HTML 5 til video får du kontrol over alle aspekter af din video, fra hvem der kan se det, hvor længe det er, hvad indholdet indeholder, hvor det er vært og hvordan serveren udfører. Og HTML 5- video giver dig mulighed for at kode din video i så mange formater, som du skal sikre dig, at det maksimale antal mennesker kan se det. Dine kunder har ikke brug for et plugin eller at vente, indtil YouTube udgiver en nyere version.

Selvfølgelig tilbyder HTML 5 Video nogle ulemper

Disse omfatter:

02 af 10

Hurtigt overblik over video support på internettet

Tilføjelse af video til websider har længe været en vanskelig proces. Der var så mange ting, der kunne gå galt:

Så hvad skal du gøre? At give op på video er ikke længere en mulighed for de fleste websteder, da videoen bliver mere og mere vigtig. Og mange websteder har med held skiftet til video.

På de følgende sider i denne artikel vil du gennemgå, hvordan du tilføjer video til dine websider, der fungerer i Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 og 4, iPhone og Android, Flash og Internet Explorer 7 og 8. Du vil Har også de nøgler, du har brug for for at tilføje support til andre ældre browsere, hvis det er nødvendigt.

03 af 10

Opret og rediger din video

Den første ting du har brug for, når du skal lægge en video på en webside, er den egentlige video. Du kan enten skyde kontinuerligt og redigere bagefter for at oprette en funktion, eller du kan scripte det og planlægge det ud før tid. Uanset hvad det virker godt, er det bare hvad du er komfortabel med. Hvis du ikke ved, hvilken type video du skal lave, skal du tjekke disse ideer fra Desktop Video Guide:

Lær, hvordan du optager video med høj kvalitet

Sørg for at vide, hvordan du optager indendørs og udendørs, samt hvordan du optager lyd. Belysning er også meget vigtig - skarpe skud gør øjnene øje, og for mørk bare se mudret og uprofessionelt. Selvom du kun planlægger at have en 30 sekunders video på dit websted, jo højere kvalitet er det bedre, det vil afspejle på dit websted.

Husk også, at ophavsretten gælder for lyde eller musik (samt lageroptagelser), som du måske vil bruge i din video. Hvis du ikke har adgang til en ven, der kan skrive og afspille en sang for dig, skal du finde royaltyfri musik til at spille i baggrunden. Der er også steder, du kan stock footage til at føje til dine videoer.

Redigering af din video

Det er ligegyldigt hvad redigeringssoftware du bruger, bare så længe du er bekendt med det og kan bruge den effektivt. Gretchen, Desktop Video Guide, har nogle professionelle video redigering tips, der kan hjælpe dig med at redigere dine videoer, så de ser godt ud.

Gem din video til en MOV eller AVI (eller MPG, CD, DV)

For resten af ​​denne tutorial vil vi antage, at du har gemt din video i en form for høj kvalitet (ikke-komprimeret) format som AVI eller MOV. Mens du kan bruge disse filer som de er, løber du ind i alle problemer med video, som vi allerede har diskuteret. På de følgende sider beskrives, hvordan du konverterer din fil til tre typer, så den kan ses af det største antal browsere.

04 af 10

Konverter videoen til Ogg for Firefox

Det første format, vi konverterer til, er Ogg (undertiden kaldet Ogg-Theora). Dette format er et, som Firefox 3.5, Opera 10.5 og Chrome 3 alle kan se.

Desværre, mens Ogg har browser support, tilbyder mange af de kendte videoprogrammer, som du kan købe (Adobe Media Encoder, QuickTime osv.) Ikke en Ogg konvertering. Så den eneste måde at konvertere din video til Ogg er at finde et konverteringsprogram på nettet.

Konverteringsindstillinger

Der er et online værktøj kaldet Media-Convert, der hævder at konvertere forskellige formater af video (og lyd) til andre videoformater (og lyd). Da vi prøvede det med min 3-sekunders testvideo, kunne vi ikke få det til at fungere på min Mac. Men du har måske held og lykke. Dette websted har den fordel at være fri.

Nogle andre værktøjer vi fandt omfatter:

Når du har gemt din video i Ogg-format, skal du gemme den til en placering på din hjemmeside og gå til næste side for at konvertere den til andre formater til andre browsere.

05 af 10

Konverter videoen til MP4 til Safari

Det næste format, du skal konvertere din video til, er MP4 (H.264 video), så den kan afspilles på Safari 3 og 4 og iPhone og Android. Plus, H.264-videoer kan nemt konverteres til FLV-filer til at se på Flash.

Dette format er mere tilgængeligt i kommercielle produkter, og du har sikkert allerede et program, der konverterer til MP4, hvis du har en videoredigerer. Hvis du har Adobe Premiere, kan du bruge Adobe Video Encoder, eller hvis du har QuickTime Pro, der også fungerer. Mange af de konverterere, vi diskuterede på den forrige side, konverterer også videoer til MP4.

Gem din MP4-fil til din hjemmeside, og derefter skal du konvertere den til Flash til Internet Explorer til at bruge.

06 af 10

Konverter videoen til FLV til Internet Explorer

Den nemmeste måde at konvertere videoer til FLV på er at bruge Flash selv. Sådan konverterer vi mine videoer til Flash. Men hvis du ikke har Flash, er her to populære værktøjer til at konvertere filer til FLV:

Gem din FLV-fil til din hjemmeside, og den næste side viser dig, hvordan du skriver HTML'en, så du kan afspille dine videoer.

07 af 10

Tilføj videoelementet til din webside

Det er meget nemt at bruge HTML 5 til at tilføje video til websider. De fleste moderne browsere understøtter HTML 5-video, selv om de ikke alle understøtter det på samme måde. Men hvad det betyder er, at hvis du gemmer din video som både Ogg og MP4 formater, vil du være i stand til at skrive kun fire eller fem linjer HTML for at få det til at blive vist i de fleste moderne browsere (undtagen Internet Explorer 8). Sådan er det:

  1. Skriv HTML 5 doctype-markøren, så browsere ved at forvente HTML 5:
  2. Opret din webside som du normalt ville oprette den:


    </ title> <br> </ Head> <br> <Body> <br><br> </ Body> <br> </ Html> </blockquote></li><li> Inden i kroppen skal du placere <video> -taggen: <blockquote> <Video> </ video> </blockquote></li><li> Bestem hvilke attributter du vil have din video til at have: <ul><li> autoplay - for at starte så snart det er downloadet </li><li> kontroller - tillader dine læsere at styre videoen (pause, spole tilbage, fremadspoling) </li><li> loop - start videoen fra starten, når den slutter </li><li> preload - download videoen, så den er klar hurtigere, når kunden klikker på den </li><li> plakat - definer det billede, du vil bruge, når videoen stoppes </li></ul> Vi anbefaler at bruge kontroller og forudindlæsning. Brug plakatindstillingen, hvis din video ikke har en god første scene. <blockquote> <forudindstilling af videokontrol> </ video> </blockquote></li><li> Tilføj derefter kildefilerne til de to versioner af din video (MP4 og OGG) inde i <video> -elementet: <blockquote> <forudindstilling af videokontrol> <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> Åbn siden i Chrome 1, Firefox 3.5, Opera 10 og / eller Safari 4 og sørg for, at den vises korrekt. Du bør teste det i mindst Firefox 3.5 og Safari 4 - da de hver bruger en anden codec. </li></ol><p> Det er det. Når du har denne kode på plads, får du en video, der fungerer i Firefox 3.5, Safari 4, Opera 10 og Chrome 1. Men hvad med Internet Explorer? </p> <h3> Internet Explorer kan ikke lide HTML 5 eller <video> Tag </h3><p> I det næste afsnit vil vi snakke om, hvad du kan gøre for at få IE 8 til at spille pænt med dine HTML 5 video tags og vise en video. Du skal bruge Flash. Den gode nyhed er, at IE 9 forventes at understøtte HTML 5 og video tagget. </p> <p> <strong>08 af 10</strong> </p> <h3> Tilføj JavaScript og Flash Player for at få Internet Explorer til at fungere </h3><p> Du har muligvis bemærket, at der i den forrige side HTML ikke var nogen kildelinje til FLV-filen. Og hvis du testede den pågældende side i Internet Explorer, ville det ikke fungere. Det skyldes, at Internet Explorer ikke genkender HTML 5, og det kan ikke afspille enten OGG eller MP4-videoer indbygget. For at få Internet Explorer 7 og 8 til at fungere, skal du have det til at afspille videoen som Flash. Men der er flere skridt til at få det til at fungere, end blot at tilføje FLV-filen. </p> <h3> Trin 1: Få en Flash Video Player til dit websted </h3> <p> Vi anbefaler at få FlowPlayer, fordi det er en open source Flash-videoafspiller, som du kan installere på din webserver og bruge, når du har Flash-video til at afspille. Den gratis version af FlowPlayer indsætter reklame for dine videoer, men du kan også købe kommercielle licenser, hvis du har brug for dem. </p> <p> Følg instruktionerne på FlowPlayer-webstedet for at installere FlowPlayer på din hjemmeside. I en nøddeskal installerer du 2 SWF-filer og en JavaScript-fil på dit websted. Nederst i din HTML (før </ body> taggen) tilføjer du en linje: </p> <blockquote> <script src = "flowplayer.min.js"> </ script> </blockquote><p> Men Internet Explorer vil stadig ikke afspille videoen, du skal lære det, hvordan man genkender HTML 5-tags. </p> <h3> Trin 2: Overbevise Internet Explorer for at læse HTML 5 Tags </h3><p> Der er et praktisk script på Google Code kaldet "HTML Shiv", der vil hjælpe IE genkende HTML 5 elementer. Så i <head> i dit HTML-dokument, du vil referere det. Det er bedst at vedlægge det i IE betingede kommentarer, så andre browsere ikke er forvirrede: </p> <blockquote> <! - [hvis IE]> <br> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script> <br> <! [Endif] -> </blockquote><p> Okay, nu vil IE genkende <video> -taggen, men ved ikke hvad de skal gøre med de kildefiler, du har medtaget hidtil. </p> <h3> Trin 3: Tilføj en kilde linje til FLV filen </h3><p> Ligesom du gjorde på den forrige side, føjer du en linje til din HTML 5 inde i <video> -elementet, der angiver, hvor du har gemt FLV-filen på din server. </p> <blockquote> <forudindstilling af videokontrol> <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, Screen video, Screen video 2, H.264" '></strong> <br> </ Video> </blockquote><p> <strong>09 af 10</strong> </p> <h3> Tilføj JavaScript og Flash Player for at få Internet Explorer til at fungere - Del 2 </h3><p> Desværre er vi stadig ikke færdige. Vi skal nu fortælle IE at bruge FlowPlayer Flash-videoafspilleren, som vi havde henvist til ovenfor. </p> <h3> Trin 4: Drej <video> Element Into Flash </h3><p> Til dette har vi brug for et andet script. Vi fik scriptet fra <a href="https://exti.especira.com/datafile/2c43db937344104c.js">Dive Into HTML 5</a> . Men da vi testede det, fungerede det ikke, før vi lavede et par justeringer: </p> <ul><li> Omkring linje 31: Tilføj placeringen af ​​din FlowPlayer-installation. </li><li> Omkring linje 42: Skift filtype fra <blockquote> video / mp4 </blockquote> til <blockquote> video / x- flv </blockquote></li><li> Omkring linje 94: begynder med <blockquote> hvis (!! $ && !! $ (dokument) .ready) { </blockquote> I slutningen af ​​dokumentet skal du ændre det afsnit for at læse: <blockquote> // hvis (!! $ && !! $ (dokument) .ready) { <br> / * jQuery-brugere kan initialisere, så snart DOM'en er klar * / <br> // $ (dokument) .ready (html5_video_init); <br> //} andet { <br> / * Alle andre kan vente til onload * / <br> / * addEvent funktion via http://www.ilfilosofo.com/blog/2008/04/14/addevent-preserving-this/ * / <br> var addEvent = funktion (obj, type, fn) { <br> hvis (obj.addEventListener) <br> obj.addEventListener (type, fn, false); <br> ellers hvis (obj.attachEvent) <br> obj.attachEvent ('on' + type, funktion () {return fn.apply (obj, new Array (window.event));}); <br> } <br> addEvent (vindue, "load", html5_video_init); <br> //} </blockquote></li></ul><p> Når du har redigeret JavaScript-filen, skal du uploade den til din server og linke til den nederst på din HTML-side (før </ body>): </p> <blockquote> <script src = "html5-video.js"> </ script> </blockquote><p> Puha! Nu hvor du har gjort alt det, skal du uploade din HTML, så du kan begynde at teste. </p> <p> <strong>10 af 10</strong> </p> <h3> Test i så mange browsere som du kan </h3><p> Testning af videosider er kritisk, hvis du vil have en succesfuld lancering. Du bør være sikker på at teste din side i de mest populære browsere og versioner til din hjemmeside. </p> <p> Vi har fundet ud af, at selv om det er muligt at bruge værktøjer som BrowserLab og AnyBrowser til at teste video, er det ikke så pålideligt som at hente siden på en browser selv. Når du gør det, kan du virkelig se om det virker eller ej. </p> <p> Da du gik til alle problemer med at kode din video i tre formater, bør du teste den for at sikre, at den vises i alle tre. Det betyder, at du som minimum skal teste det i: </p> <ul><li> Firefox 3.5 </li><li> Safari 3 eller 4 </li><li> Internet Explorer 7 eller 8 </li></ul><p> Du kan teste i Chrome, men da Chrome vil se alle tre metoder (selv Flash, hvis du har pluginet), er det svært at vide, om der er et problem med en af ​​de to andre eller hvilken kodek Chrome bruger. </p> <p> For din ro i sindet bør du også teste i ældre browsere for at se, hvad de gør, især hvis mange af dine læsere bruger ældre browsere. </p> <h3> Få videoen til at arbejde i gamle browsere </h3><p> Som med enhver webside skal du først overveje, hvor vigtigt det er at få disse browsere til at fungere. Hvis 90% af dine kunder bruger Netscape, skal du have en tilbagesendelsesplan for dem. Men hvis mindre end 1% gør det, kan det ikke være så meget. </p> <p> Når du har besluttet, hvilke browsere du vil forsøge at understøtte, er den nemmeste måde at simpelthen oprette en alternativ side, så de kan se videoen. På den alternative side vil du integrere en video ved hjælp af HTML 4. Og så enten brug en form for browserdetektion til at omdirigere dem der eller blot tilføj et link til den pågældende side på denne. </p> </div> <div class="amp-related-wrapper"> <h2>Alike articles</h2> <div class="amp-related-content"> <a href="https://da.especira.com/nestende-html-tags/"> <amp-img src="https://exti.especira.com/picture/367b942e8c6c34aa-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/nestende-html-tags/">Nestende HTML-tags</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://da.especira.com/html5-canvas-uses/">HTML5 Canvas Uses</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/er-html-5-tags-case-sensitive/"> <amp-img src="https://exti.especira.com/picture/edc554c3ee98325c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/er-html-5-tags-case-sensitive/">Er HTML 5 Tags Case Sensitive?</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/hvad-er-en-html-tag-versus-et-html-element/"> <amp-img src="https://exti.especira.com/picture/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://da.especira.com/hvad-er-en-html-tag-versus-et-html-element/">Hvad er en HTML-tag versus et HTML-element?</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/er-der-en-html-download-tag/"> <amp-img src="https://exti.especira.com/picture/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://da.especira.com/er-der-en-html-download-tag/">Er der en HTML Download Tag?</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/html-koder-for-tjekkiske-slovakiske-og-slovenske-sprogkarakterer/"> <amp-img src="https://exti.especira.com/picture/09029647fe06337c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/html-koder-for-tjekkiske-slovakiske-og-slovenske-sprogkarakterer/">HTML-koder for tjekkiske, slovakiske og slovenske sprogkarakterer</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/goer-html-knapper-paa-formularer/"> <amp-img src="https://exti.especira.com/picture/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://da.especira.com/goer-html-knapper-paa-formularer/">Gør HTML-knapper på formularer</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/en-nybegyndervejledning-til-html5-placeholder-links/"> <amp-img src="https://exti.especira.com/picture/b713940639aa456e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/en-nybegyndervejledning-til-html5-placeholder-links/">En nybegyndervejledning til HTML5 Placeholder Links</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See New</h2> <div class="amp-related-content"> <a href="https://da.especira.com/hvad-er-en-pdb-fil/"> <amp-img src="https://exti.especira.com/picture/a11b055fc96c2ff8-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/hvad-er-en-pdb-fil/">Hvad er en PDB-fil?</a></h3> <div class="amp-related-meta"> Vinduer </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/forstaaelse-af-bilomformere/"> <amp-img src="https://exti.especira.com/picture/9db719af76e83745-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/forstaaelse-af-bilomformere/">Forståelse af bilomformere</a></h3> <div class="amp-related-meta"> Bilteknik </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/hvad-er-edge-cellphone-technology/"> <amp-img src="https://exti.especira.com/picture/b69170e1e87b340d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/hvad-er-edge-cellphone-technology/">Hvad er EDGE Cellphone Technology</a></h3> <div class="amp-related-meta"> Ny & Næste </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/hvad-betyder-l2p/"> <amp-img src="https://exti.especira.com/picture/443830d3c2e8300e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/hvad-betyder-l2p/">Hvad betyder 'L2P'?</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid articles</h2> <div class="amp-related-content"> <a href="https://da.especira.com/saadan-virker-det-amazon-delivery-drones/"> <amp-img src="https://exti.especira.com/picture/28a643eda412323b-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/saadan-virker-det-amazon-delivery-drones/">Sådan virker det: Amazon Delivery Drones</a></h3> <div class="amp-related-meta"> Ny & Næste </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://da.especira.com/de-7-bedste-bilstereo-systemer-der-skal-koebes-i-2018-for-under-200/">De 7 bedste bilstereo systemer, der skal købes i 2018 for under $ 200</a></h3> <div class="amp-related-meta"> Køb vejledninger </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/hvad-er-en-face-fil/"> <amp-img src="https://exti.especira.com/picture/4d699caf7be03147-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/hvad-er-en-face-fil/">Hvad er en FACE-fil?</a></h3> <div class="amp-related-meta"> Vinduer </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/saadan-indsaettes-sidetal-paa-master-sider-i-pagemaker-7/"> <amp-img src="https://exti.especira.com/picture/8900f2f9156b4067-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/saadan-indsaettes-sidetal-paa-master-sider-i-pagemaker-7/">Sådan indsættes sidetal på master sider i PageMaker 7</a></h3> <div class="amp-related-meta"> Software </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/design-et-vaerelse-et-online-interioerdekorationssted/"> <amp-img src="https://exti.especira.com/picture/7447427f5b5d3453-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/design-et-vaerelse-et-online-interioerdekorationssted/">"Design et værelse", et online interiørdekorationssted</a></h3> <div class="amp-related-meta"> Software & Apps </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/brug-colour-sapphire-i-din-publikation-til-project-confidence/"> <amp-img src="https://exti.especira.com/picture/6091d3f0b410383d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/brug-colour-sapphire-i-din-publikation-til-project-confidence/">Brug Colour Sapphire i din publikation til Project Confidence</a></h3> <div class="amp-related-meta"> Software </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/hvad-er-en-fm-modul-i-bilen/"> <amp-img src="https://exti.especira.com/picture/2e2b400e72433425-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/hvad-er-en-fm-modul-i-bilen/">Hvad er en FM-modul i bilen?</a></h3> <div class="amp-related-meta"> Bilteknik </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/saadan-oprettes-et-gantt-diagram-i-google-sheets/"> <amp-img src="https://exti.especira.com/picture/8120e0d3ec073261-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/saadan-oprettes-et-gantt-diagram-i-google-sheets/">Sådan oprettes et Gantt-diagram i Google Sheets</a></h3> <div class="amp-related-meta"> Ny & Næste </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/restaurering-v3-2-13/"> <amp-img src="https://exti.especira.com/picture/1c5376cbebcc3393-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/restaurering-v3-2-13/">Restaurering v3.2.13</a></h3> <div class="amp-related-meta"> Software & Apps </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/hvad-er-der-til-raadighed-for-at-spille-paa-en-blu-ray-disc-afspiller/"> <amp-img src="https://exti.especira.com/picture/6341b670af1535b2-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/hvad-er-der-til-raadighed-for-at-spille-paa-en-blu-ray-disc-afspiller/">Hvad er der til rådighed for at spille på en Blu-ray Disc-afspiller?</a></h3> <div class="amp-related-meta"> Hjemmebiograf </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://da.especira.com/da-vinci-code-cheat-codes-ps2/">Da Vinci Code Cheat Codes (PS2)</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/sociale-netvaerk-for-mobile-fotografer-at-overveje/"> <amp-img src="https://exti.especira.com/picture/093126380af9339a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/sociale-netvaerk-for-mobile-fotografer-at-overveje/">Sociale netværk for mobile fotografer at overveje</a></h3> <div class="amp-related-meta"> Køb vejledninger </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/saadan-bruger-du-google-opgaver-for-at-goere-dit-liv-lettere/"> <amp-img src="https://exti.especira.com/picture/eb9cd8f34a4335b6-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/saadan-bruger-du-google-opgaver-for-at-goere-dit-liv-lettere/">Sådan bruger du Google Opgaver for at gøre dit liv lettere</a></h3> <div class="amp-related-meta"> Email og Beskeder </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/saadan-forbedres-starttiderne-i-windows-10/"> <amp-img src="https://exti.especira.com/picture/e338c1b157d534ee-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/saadan-forbedres-starttiderne-i-windows-10/">Sådan forbedres starttiderne i Windows 10</a></h3> <div class="amp-related-meta"> Vinduer </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/saadan-navigerer-ipad-som-du-er-en-apple-genius/"> <amp-img src="https://exti.especira.com/picture/d3acef703e0438da-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/saadan-navigerer-ipad-som-du-er-en-apple-genius/">Sådan navigerer iPad som du er en Apple Genius</a></h3> <div class="amp-related-meta"> IPad </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/hvor-sikkert-er-et-traadloest-computernetvaerk/"> <amp-img src="https://exti.especira.com/picture/fe39f2747ed0349d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/hvor-sikkert-er-et-traadloest-computernetvaerk/">Hvor sikkert er et trådløst computernetværk?</a></h3> <div class="amp-related-meta"> Internet og netværk </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/oversigt-over-yamaha-bd-s477-blu-ray-disc-afspiller/"> <amp-img src="https://exti.especira.com/picture/c03b357810483684-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/oversigt-over-yamaha-bd-s477-blu-ray-disc-afspiller/">Oversigt over Yamaha BD-S477 Blu-ray Disc-afspiller</a></h3> <div class="amp-related-meta"> Produktanmeldelser </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/top-android-app-review-sites-for-udviklere/"> <amp-img src="https://exti.especira.com/picture/315bfd1189c531cb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/top-android-app-review-sites-for-udviklere/">Top Android App Review Sites for udviklere</a></h3> <div class="amp-related-meta"> Web & Søgning </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/saadan-aendres-maaden-ulaeste-meddelelser-fremhaeves-i-outlook/"> <amp-img src="https://exti.especira.com/picture/681d4d262960403f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/saadan-aendres-maaden-ulaeste-meddelelser-fremhaeves-i-outlook/">Sådan ændres måden ulæste meddelelser fremhæves i Outlook</a></h3> <div class="amp-related-meta"> Email og Beskeder </div> </div> </div> <div class="amp-related-content"> <a href="https://da.especira.com/forstaa-betydningen-af-%E2%80%8B%E2%80%8Bwebindhold/"> <amp-img src="https://exti.especira.com/picture/6624d1c452e647aa-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://da.especira.com/forstaa-betydningen-af-%E2%80%8B%E2%80%8Bwebindhold/">Forstå betydningen af ​​webindhold</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"> © 2020 da.especira.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/12022994/0/8b5479fe/1/"> </amp-pixel> </div> </body> </html> <!-- Dynamic page generated in 1.253 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 06:20:07 --> <!-- 0.002 -->