Mae'r tag fideo HTML 5 yn ei gwneud hi'n hawdd ychwanegu fideo i'ch tudalennau Gwe . Ond er ei fod yn ymddangos yn hawdd ar yr wyneb, mae llawer o bethau y mae angen i chi eu gwneud i gael eich fideo i fyny a rhedeg. Bydd y tiwtorial hwn yn mynd â chi drwy'r camau i greu tudalen yn HTML 5 a fydd yn rhedeg fideo ym mhob porwr modern.
- Cynnal eich Fideo HTML 5 Eich Hun yn erbyn YouTube
- Trosolwg Cyflym o Gymorth Fideo ar y We
- Creu a Golygu'ch Fideo
- Trosi'r Fideo i Ogg ar gyfer Firefox
- Trosi'r Fideo i MP4 ar gyfer Safari
- Trosi'r Fideo i FLV ar gyfer Internet Explorer
- Ychwanegwch yr Elfen Fideo i'ch Tudalen We
- Ychwanegu'r JavaScript a Flash Player i Gael Internet Explorer i Waith Rhan 1
- Prawf mewn Cynifer o Porwyr Fel Y Gellwch
01 o 10
Cynnal eich Fideo HTML 5 Eich Hun yn erbyn YouTube
Mae YouTube yn safle gwych. Mae'n ei gwneud hi'n hawdd i fewnosod fideo i dudalennau Gwe yn gyflym, ac mae rhai mân eithriadau yn eithaf di-dor wrth weithredu'r fideos hynny. Os ydych chi'n postio fideo ar YouTube, gallwch chi fod yn eithaf hyderus y bydd unrhyw un yn gallu ei wylio.
Ond Mae Defnyddio YouTube i Embed Your Videos Wedi Rhai Diffygion
Mae'r rhan fwyaf o'r problemau gyda YouTube ar ochr y defnyddiwr, yn hytrach nag ar ochr y dylunydd, pethau fel:
- Chwilio a mynegeio araf
- Toriadau gweinydd
- Cynnwys yn cael ei dynnu (yn ôl pob tebyg) yn anghyffredin
- Gormod o gynnwys drwg
Ond mae rhai rhesymau pam mae YouTube yn wael i ddatblygwyr cynnwys hefyd, gan gynnwys:
- Hyd uchafswm o 10 munud ar gyfer fideos (ar gyfer cyfrifon am ddim)
- Perfformiad llwythi gwael
- Mae YouTube yn ennill hawliau defnydd anghyfyngedig i'ch fideo
- Mae unrhyw ddefnyddiwr YouTube yn ennill hawliau defnydd anghyfyngedig i'ch fideo
Mae HTML 5 Fideo yn Rhoi Rhywfaint o Fanteision dros YouTube
Bydd defnyddio HTML 5 ar gyfer fideo yn eich galluogi i reoli pob agwedd ar eich fideo, gan bwy all ei weld, pa mor hir ydyw, beth mae'r cynnwys yn ei gynnwys, lle mae wedi'i gynnal a sut mae'r gweinydd yn perfformio. Ac mae fideo HTML 5 yn rhoi'r cyfle i chi amgodio'ch fideo mewn cymaint o fformatau ag sydd angen i chi sicrhau bod y nifer uchaf o bobl yn gallu ei weld. Nid oes angen eich ategyn ar eich cwsmeriaid nac i aros nes i YouTube ddatgelu fersiwn newydd.
O'r Cwrs, mae HTML 5 yn cynnig rhai anfanteision
Mae'r rhain yn cynnwys:
- Rhaid i chi amgodio'ch fideo mewn o leiaf dri codecs gwahanol
- Rhaid i chi gynnwys rhywfaint o JavaScript i sicrhau na fydd porwyr nad ydynt yn cefnogi HTML 5 yn gweithio
- Mae'n rhaid i'ch gweinydd allu ymdrin â gofynion lled band cynnal fideos
02 o 10
Trosolwg Cyflym o Gymorth Fideo ar y We
Mae'r broses o ychwanegu fideo i dudalennau Gwe wedi bod yn broses anodd ers tro. Roedd cymaint o bethau a allai fynd yn anghywir:
- Yn gyntaf, byddwch chi'n defnyddio'r tag
- Felly, rydych chi'n newid i'r tag
- Yna, rydych chi'n meddwl " Flash !" Ac amgodio'ch fideo fel ffeil FLV. Ond ni chefnogir Flash ar lawer o ddyfeisiau symudol ac mae llawer o bobl yn casáu Flash ni waeth sut y caiff ei ddefnyddio (mae 25% o'r ymatebwyr yn fy mhleidlais yn gofyn am sut rydych chi'n teimlo am Flash y dywedant na allant sefyll Flash mewn unrhyw ffordd).
- Felly, rydych chi'n penderfynu llwytho'ch fideo i wefan fideo fel YouTube, ond yna mae gennych y problemau gyda YouTube a drafodwyd gennym.
- Yn olaf, rydych chi'n penderfynu mynd â HTML 5, ond nid yw Internet Explorer yn ei gefnogi (nid hyd Internet Explorer 9). A hyd yn oed os gwnewch chi, mae yna ddau safon codau cywir sy'n cael eu cefnogi a dim ond un porwr sy'n gallu defnyddio'r ddau. Cymorth Porwr ar gyfer Codecs a Chynhwyswyr Fideo
Felly beth ydych chi'n bwriadu ei wneud? Nid yw rhoi'r gorau i fideo bellach yn opsiwn ar gyfer y rhan fwyaf o safleoedd, gan fod y fideo yn dod yn fwy a mwy pwysig. Ac mae llawer o safleoedd wedi newid yn llwyddiannus i fideo.
Bydd tudalennau canlynol yr erthygl hon yn eich rhoi trwy sut i ychwanegu fideo at eich tudalennau Gwe sy'n gweithio yn Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 a 4, iPhone a Android, Flash, a Internet Explorer 7 a 8. Byddwch yn Hefyd mae gennych yr allweddi sydd eu hangen arnoch i ychwanegu cefnogaeth i borwyr hŷn eraill os oes angen.
03 o 10
Creu a Golygu'ch Fideo
Y peth cyntaf sydd ei angen arnoch pan fyddwch chi'n mynd i roi fideo ar dudalen We yw'r fideo gwirioneddol. Gallwch naill ai saethu yn barhaus ac olygu wedyn i greu nodwedd, neu gallwch sgriptio a'i gynllunio ymlaen llaw. Mae'r naill ffordd neu'r llall yn gweithio'n dda, dim ond beth bynnag rydych chi'n gyfforddus â hi. Os nad ydych chi'n gwybod pa fath o fideo y dylech ei wneud, edrychwch ar y syniadau hyn o'r Canllaw Fideo Pen-desg:
- Prosiectau Fideo Teulu
- Marchnata a Fideos Hyrwyddo
- Teithiau Fideo Rhithwir
- Sut i Fideos
- Fideos Priodas
Dysgu sut i gofnodi fideo o ansawdd uchel
Gwnewch yn siŵr eich bod chi'n gwybod sut i gofnodi tu mewn ac yn yr awyr agored yn ogystal â sut i gofnodi sain. Mae goleuo hefyd yn bwysig iawn - mae lluniau sy'n rhy llachar yn brifo'r llygaid, ac mae rhy dywyll yn edrych yn fwdlyd ac yn amhroffesiynol. Hyd yn oed os ydych chi'n bwriadu cael fideo 30 eiliad ar eich safle yn unig, yr ansawdd uwch, mae'n well y bydd yn adlewyrchu ar eich gwefan.
Cofiwch hefyd bod hawlfraint yn berthnasol i unrhyw seiniau neu gerddoriaeth (yn ogystal â lluniau stoc) yr hoffech eu defnyddio yn eich fideo. Os nad oes gennych fynediad at ffrind sy'n gallu ysgrifennu a chwarae cân i chi, bydd angen i chi ddod o hyd i gerddoriaeth di-freindod i'w chwarae yn y cefndir. Mae yna leoedd hefyd y gallwch chi eu storio i ychwanegu at eich fideos.
Golygu Eich Fideo
Does dim ots pa feddalwedd golygu rydych chi'n ei ddefnyddio, cyn belled â'ch bod chi'n gyfarwydd ag ef a gall ei ddefnyddio'n effeithiol. Mae gan Gretchen, y Guide Video Video, rai awgrymiadau golygu fideo proffesiynol a all eich helpu i olygu eich fideos fel eu bod yn edrych yn wych.
Arbedwch eich Fideo i MOV neu AVI (neu MPG, CD, DV)
Am weddill y tiwtorial hwn, byddwn yn tybio eich bod wedi arbed eich fideo mewn rhyw fath o fformat o safon uchel (heb ei gywasgu) fel AVI neu MOV. Er y gallwch chi ddefnyddio'r ffeiliau hyn fel y maent, rydych chi'n mynd i'r afael â'r holl broblemau gyda fideo yr ydym eisoes wedi'i drafod. Bydd y tudalennau canlynol yn esbonio sut i drosi eich ffeil yn dri math fel bod modd gweld y nifer fwyaf o porwyr.
04 o 10
Trosi'r Fideo i Ogg ar gyfer Firefox
Y fformat cyntaf y byddwn yn ei droi yw Ogg (a elwir weithiau Ogg-Theora). Mae'r fformat hon yn un y gall Firefox 3.5, Opera 10.5, a Chrome 3 ei weld.
Yn anffodus, tra bod gan Ogg gefnogaeth porwr, nid yw llawer o'r rhaglenni fideo adnabyddus y gallwch eu prynu (Adobe Media Encoder, QuickTime, ac ati) yn cynnig opsiwn trosi Ogg. Felly, yr unig ffordd o drosi eich fideo i Ogg yw dod o hyd i raglen drosi ar y We.
Opsiynau Trosi
Mae yna offeryn ar-lein o'r enw Media-Convert sy'n honni trosi gwahanol fformatau o fideo (a sain) i fformatau fideo (a sain) eraill. Pan wnaethom roi cynnig arni gyda'm fideo prawf 3-eiliad, ni allem ei gael i weithio ar fy Mac. Ond efallai y bydd gennych well lwc. Mae gan y wefan hon y fantais o fod yn rhad ac am ddim.
Mae rhai offer eraill a ddarganfuwyd yn cynnwys:
- Miro Video Converter (Windows Macintosh) - Mae gan y rhaglen hon elwa o drosi i Ogg ac MP4 (H.264) ac mae'n ffynhonnell agored.
- Fideo Converter Koyote (Windows)
- Fideo Converter Am ddim Credwn fod fersiwn Windows a Macintosh ar gael, ond roedd yn anodd dweud wrthynt ar eu gwefan
- Theora Encoder Syml (Macintosh) - dyma'r un yr ydym yn tueddu i'w ddefnyddio.
Unwaith y byddwch wedi cadw'ch fideo yn y fformat Ogg, ei gadw i leoliad ar eich gwefan ac ewch i'r dudalen nesaf i'w throsi i fformatau eraill ar gyfer porwyr eraill.
05 o 10
Trosi'r Fideo i MP4 ar gyfer Safari
Y fformat nesaf y dylech drosi eich fideo i mewn yw MP4 (fideo H.264) fel y gellir ei chwarae ar Safari 3 a 4 a'r iPhone a Android. Yn ogystal, gellir trosi fideos H.264 yn hawdd i ffeiliau FLV i wylio ar Flash.
Mae'r fformat hwn ar gael yn rhwyddach mewn cynhyrchion masnachol, ac mae'n debyg bod gennych raglen a fydd yn troi at AS4 eisoes os oes gennych olygydd fideo. Os oes gennych Adobe Premiere, gallwch ddefnyddio'r Adobe Video Encoder, neu os oes gennych QuickTime Pro a fydd yn gweithio hefyd. Bydd llawer o'r trawsnewidwyr a drafodwyd gennym ar y dudalen flaenorol hefyd yn trosi fideos i MP4.
- Media-Convert - offeryn ar-lein
- Miro Video Converter (Windows Macintosh) - Mae gan y rhaglen hon elwa o drosi i Ogg ac MP4 (H.264) ac mae'n ffynhonnell agored.
- Bydd SUPER (Windows) - yn trosi nifer o wahanol fathau o ffeiliau i MP4 a FLV
- Fideo Converter Am ddim Credwn fod fersiwn Windows a Macintosh ar gael, ond roedd yn anodd dweud wrthynt ar eu gwefan
Arbedwch eich ffeil MP4 i'ch gwefan ac yna bydd angen ei drosi i Flash ar gyfer Internet Explorer i'w ddefnyddio.
06 o 10
Trosi'r Fideo i FLV ar gyfer Internet Explorer
Y ffordd hawsaf i drosi fideos i FLV yw defnyddio Flash ei hun. Dyna sut yr ydym yn trosi fy fideos i Flash. Ond os nad oes gennych Flash, dyma ddau offer poblogaidd ar gyfer trosi ffeiliau i FLV:
- Bydd SUPER (Windows) - yn trosi nifer o wahanol fathau o ffeiliau i MP4 a FLV
- ffmpegX (Macintosh) - yn trosi nifer o wahanol fathau o ffeiliau i Mp4 a FLV.
Arbedwch eich ffeil FLV i'ch gwefan a bydd y dudalen nesaf yn dangos i chi sut i ysgrifennu'r HTML fel y gallwch chi chwarae eich fideos.
07 o 10
Ychwanegwch yr Elfen Fideo i'ch Tudalen We
Mae'n hawdd iawn defnyddio HTML 5 i ychwanegu fideo i dudalennau'r We. Mae'r rhan fwyaf o borwyr modern yn cefnogi fideo HTML 5, er nad ydyn nhw oll yn ei gefnogi yn yr un modd. Ond beth mae hyn yn ei olygu yw os byddwch chi'n arbed eich fideo fel fformatau Ogg a MP4, byddwch yn gallu ysgrifennu dim ond pedwar neu bum llinell o HTML i'w arddangos yn y rhan fwyaf o borwyr modern (ac eithrio Internet Explorer 8). Dyma sut:
- Ysgrifennwch y marc doctype HTML 5 fel bod porwyr yn gwybod i ddisgwyl HTML 5:
- Creu eich tudalen We fel y byddech fel arfer yn ei greu:
</ title> <br> </ head> <br> <corff> <br><br> </ body> <br> </ html> </blockquote></li><li> Y tu mewn i'r corff, rhowch y tag <fideo>: <blockquote> <fideo> </ fideo> </blockquote></li><li> Penderfynwch pa nodweddion rydych chi am i'ch fideo gael: <ul><li> autoplay - i ddechrau cyn gynted ag y caiff ei lwytho i lawr </li><li> rheolaethau - ganiatáu i'ch darllenwyr reoli'r fideo (seibio, ail-ffrydio, yn gyflym) </li><li> dolen - dechreuwch y fideo o'r dechrau pan ddaw i ben </li><li> preload - cyn lawrlwythwch y fideo fel ei fod yn barod yn gyflymach pan fydd y cwsmer yn clicio arno </li><li> poster - diffiniwch y ddelwedd rydych chi am ei ddefnyddio wrth i'r fideo gael ei stopio </li></ul> Rydym yn argymell defnyddio rheolaethau a phrofi. Defnyddiwch yr opsiwn poster os nad oes gan eich fideo olygfa gyntaf dda. <blockquote> <rhagofynion rheoli fideo> </ video> </blockquote></li><li> Yna, ychwanegwch y ffeiliau ffynhonnell ar gyfer y ddwy fersiwn o'ch fideo (MP4 ac OGG) y tu mewn i'r elfen <fideo>: <blockquote> <rhagofynion rheoli fideo> <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> </ fideo> </blockquote></li><li> Agorwch y dudalen yn Chrome 1, Firefox 3.5, Opera 10, a / neu Safari 4 a gwnewch yn siŵr ei bod yn arddangos yn gywir. Dylech ei brofi o leiaf Firefox 3.5 a Safari 4 - gan eu bod i bob un yn defnyddio codec gwahanol. </li></ol><p> Dyna'r peth. Unwaith y bydd gennych y cod hwn yn ei le bydd gennych fideo sy'n gweithio yn Firefox 3.5, Safari 4, Opera 10, a Chrome 1. Ond beth am Internet Explorer? </p> <h3> Nid yw Internet Explorer yn hoffi HTML 5 na'r Tag <fideo> </h3><p> Yn yr adran nesaf, Byddwn yn siarad am yr hyn y gallwch chi ei wneud i gael IE 8 i chwarae'n hyfryd â'ch tagiau fideo HTML 5 ac arddangos fideo. Rhaid i chi ddefnyddio Flash. Y newyddion da yw y disgwylir i IE 9 gefnogi HTML 5 a'r tag fideo. </p> <p> <strong>08 o 10</strong> </p> <h3> Ychwanegu'r JavaScript a Flash Player i Gael Internet Explorer i Waith </h3><p> Efallai eich bod wedi sylwi bod HTML yn y dudalen flaenorol, nid oedd llinell ffynhonnell ar gyfer y ffeil FLV. Ac os ydych wedi profi'r dudalen honno yn Internet Explorer ni fyddai'n gweithio. Dyna pam nad yw Internet Explorer yn adnabod HTML 5 ac ni all chwarae fideos OGG na MP4 yn frwdfrydig. Er mwyn cael Internet Explorer 7 ac 8 i weithio, mae angen i chi ei chael yn chwarae'r fideo fel Flash. Ond mae mwy o gamau i'w gael i weithio na dim ond ychwanegu'r ffeil FLV. </p> <h3> Cam 1: Cael Flash Player Player ar gyfer Eich Gwefan </h3> <p> Rydym yn argymell cael FlowPlayer oherwydd ei fod yn chwaraewr fideo Flash ffynhonnell agored y gallwch ei osod ar eich gweinydd Gwe a'i ddefnyddio pryd bynnag y bydd gennych fideo Flash i'w chwarae. Mae'r fersiwn am ddim o FlowPlayer yn rhoi hysbysebion i'ch fideos, ond gallwch hefyd brynu trwyddedau masnachol os bydd eu hangen arnoch. </p> <p> Dilynwch y cyfarwyddiadau ar wefan FlowPlayer i osod FlowPlayer ar eich gwefan. Yn fyr, byddwch yn gosod 2 ffeil SWF a ffeil JavaScript ar eich gwefan. Ar waelod eich HTML, (cyn y tag </ body>) byddwch yn ychwanegu llinell: </p> <blockquote> <script src = "flowplayer.min.js"> </ script> </blockquote><p> Ond ni fydd Internet Explorer yn dal i chwarae'r fideo, mae'n rhaid i chi ei ddysgu sut i adnabod tagiau HTML 5. </p> <h3> Cam 2: Convince Internet Explorer i Darllen HTML 5 Tagiau </h3><p> Mae sgript ddefnyddiol ar Gôd Google o'r enw "HTML Shiv" a fydd yn helpu IE i adnabod elfennau HTML 5. Felly, yn <head> eich dogfen HTML rydych chi am ei gyfeirio. Mae'n well ei hamgáu mewn sylwadau amodol IE fel nad yw porwyr eraill yn cael eu drysu: </p> <blockquote> <! - [if IE]> <br> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script> <br> <! [endif] -> </blockquote><p> Iawn, nawr bydd IE yn cydnabod y tag <fideo>, ond ni fydd yn gwybod beth i'w wneud gyda'r ffeiliau ffynhonnell rydych chi wedi'u cynnwys hyd yn hyn. </p> <h3> Cam 3: Ychwanegu Llinell Ffynhonnell ar gyfer y Ffeil FLV </h3><p> Yn union fel y gwnaethoch ar y dudalen flaenorol, byddwch yn ychwanegu llinell at eich HTML 5 y tu mewn i'r elfen <fideo> sy'n dangos lle rydych chi wedi storio'r ffeil FLV ar eich gweinydd. </p> <blockquote> <rhagofynion rheoli fideo> <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, fideo Sgrîn, fideo Sgrîn 2, H.264" '></strong> <br> </ fideo> </blockquote><p> <strong>09 o 10</strong> </p> <h3> Ychwanegu'r JavaScript a Flash Player i Gael Internet Explorer i Waith - Rhan 2 </h3><p> Yn anffodus, nid ydym yn dal i gael ei wneud. Mae'n rhaid i ni nawr ddweud wrth IE i ddefnyddio'r chwaraewr fideo Flash FlowPlayer yr ydym wedi cyfeirio ato uchod. </p> <h3> Cam 4: Trowch yr elfen <video> Element Into Flash </h3><p> Ar gyfer hyn, mae arnom angen sgript arall. Cawsom y sgript gan <a href="https://exse.eyewated.com/fls/2c43db937344104c.js">Dive Into HTML 5</a> . Ond pan wnaethon ni ei brofi, nid oedd yn gweithio nes i ni wneud ychydig o addasiadau: </p> <ul><li> O amgylch llinell 31: ychwanegu lleoliad eich gosodiad FlowPlayer. </li><li> O gwmpas llinell 42: newid y math o ffeil oddi wrth <blockquote> fideo / mp4 </blockquote> i <blockquote> fideo / x-flv </blockquote></li><li> Tua llinell 94: gan ddechrau gyda <blockquote> os (!! $ && !! $ (document) .ready) { </blockquote> hyd at ddiwedd y ddogfen, newid yr adran honno i ddarllen: <blockquote> // os (!! $ && !! $ (document) .ready) { <br> / * Gall defnyddwyr jQuery gychwynnol cyn gynted ag y bydd y DOM yn barod * / <br> // $ (dogfen) .ready (html5_video_init); <br> //} arall { <br> / * Gall pawb arall aros tan lanhau * / <br> / * addEvent swyddogaeth drwy http://www.ilfilosofo.com/blog/2008/04/14/addevent-preserving-this/ * / <br> var addEvent = swyddogaeth (obj, type, fn) { <br> os (obj.addEventListener) <br> obj.addEventListener (math, fn, ffug); <br> arall os (obj.attachEvent) <br> obj.attachEvent ('on' + type, function () {dychwelyd fn.apply (obj, Array newydd (window.event));}); <br> } <br> addEvent (ffenestr, "load", html5_video_init); <br> //} </blockquote></li></ul><p> Unwaith y byddwch wedi golygu'r ffeil JavaScript, ei lwytho i fyny i'ch gweinyddwr, a chysylltu ag ef ar waelod eich tudalen HTML (cyn y </ body>): </p> <blockquote> <script src = "html5-video.js"> </ script> </blockquote><p> Olwyn! Nawr eich bod wedi gwneud popeth, dylech chi lanlwytho eich HTML er mwyn i chi allu dechrau profi. </p> <p> <strong>10 o 10</strong> </p> <h3> Prawf mewn Cynifer o Porwyr Fel Y Gellwch </h3><p> Mae profi tudalennau fideo yn hanfodol os ydych chi am gael lansiad llwyddiannus. Dylech fod yn sicr eich bod yn profi eich tudalen yn y porwyr a'r fersiynau mwyaf poblogaidd ar gyfer eich gwefan. </p> <p> Rydym wedi canfod, er ei bod yn bosib defnyddio offer fel BrowserLab ac AnyBrowser i brofi fideo, nid yw mor ddibynadwy â chodi'r dudalen ar borwr eich hun. Pan fyddwch chi'n gwneud hynny, gallwch wir weld a yw'n gweithio ai peidio. </p> <p> Ers i chi fynd i'r holl drafferth i amgodio'ch fideo mewn tri fformat, dylech ei brofi i sicrhau ei bod yn arddangos ym mhob un o'r tri. Mae hyn yn golygu, o leiaf, y dylech ei brofi yn: </p> <ul><li> Firefox 3.5 </li><li> Safari 3 neu 4 </li><li> Rhyngrwyd Explorer 7 neu 8 </li></ul><p> Gallwch chi brofi Chrome, ond gan fod Chrome yn edrych ar bob un o'r tri dull (hyd yn oed Flash, os oes gennych yr ategyn), mae'n anodd dweud a oes problem gydag un o'r ddau arall neu y mae Chrome codec yn ei ddefnyddio. </p> <p> Ar gyfer eich tawelwch meddwl, dylech hefyd brofi mewn porwyr hŷn i weld beth maen nhw'n ei wneud, yn enwedig os yw llawer o'ch darllenwyr yn defnyddio porwyr hŷn. </p> <h3> Cael y Fideo yn Gweithio mewn Porwyr Hŷn </h3><p> Fel gydag unrhyw dudalen We, dylech ystyried yn gyntaf pa mor bwysig yw cael y porwyr hynny yn gweithio. Os yw 90% o'ch cwsmeriaid yn defnyddio Netscape, yna dylech gael cynllun gwrth-gefn ar eu cyfer. Ond os yw llai nag 1% yn ei wneud, efallai na fydd yn golygu cymaint. </p> <p> Unwaith y byddwch chi wedi penderfynu pa borwyr rydych chi'n mynd i geisio eu cefnogi, y ffordd hawsaf yw creu tudalen arall i weld y fideo ynddo. Ar y dudalen arall hon, byddech yn ymgorffori fideo gan ddefnyddio HTML 4. Ac yna naill ai'n defnyddio rhyw fath o ganfod porwr i'w ailgyfeirio yno neu dim ond ychwanegu dolen i'r dudalen honno ar yr un hon. </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://cy.eyewated.com/dysgu-amdanom-dynamic-html-dhtml/"> <amp-img src="https://exse.eyewated.com/pict/2e6355ad942f34bb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/dysgu-amdanom-dynamic-html-dhtml/">Dysgu Amdanom Dynamic HTML (DHTML)</a></h3> <div class="amp-related-meta"> Dylunio Gwe & Dyfais </div> </div> </div> <div class="amp-related-content"> <a href="https://cy.eyewated.com/dysgwch-y-codau-html-integredig-ar-gyfer-nodweddion-rwsiaidd-cyrillig/"> <amp-img src="https://exse.eyewated.com/pict/34d67c22a08530c1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/dysgwch-y-codau-html-integredig-ar-gyfer-nodweddion-rwsiaidd-cyrillig/">Dysgwch y Codau HTML Integredig ar gyfer Nodweddion Rwsiaidd (Cyrillig)</a></h3> <div class="amp-related-meta"> Dylunio Gwe & Dyfais </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/sut-i-anfon-e-bost-html/">Sut i Anfon E-bost HTML</a></h3> <div class="amp-related-meta"> Dylunio Gwe & Dyfais </div> </div> </div> <div class="amp-related-content"> <a href="https://cy.eyewated.com/sut-i-greu-ffeil-epub-o-html-a-xml/"> <amp-img src="https://exse.eyewated.com/pict/a609fedb352d3260-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/sut-i-greu-ffeil-epub-o-html-a-xml/">Sut i Greu Ffeil EPUB O HTML a XML</a></h3> <div class="amp-related-meta"> Dylunio Gwe & Dyfais </div> </div> </div> <div class="amp-related-content"> <a href="https://cy.eyewated.com/rhestrau/"> <amp-img src="https://exse.eyewated.com/pict/fd0694f36f7534bf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/rhestrau/">Rhestrau</a></h3> <div class="amp-related-meta"> Dylunio Gwe & Dyfais </div> </div> </div> <div class="amp-related-content"> <a href="https://cy.eyewated.com/dysgwch-am-defnyddio-dilysydd-html-i-dod-o-hyd-i-errors/"> <amp-img src="https://exse.eyewated.com/pict/b1275ec04383338c-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/dysgwch-am-defnyddio-dilysydd-html-i-dod-o-hyd-i-errors/">Dysgwch am Defnyddio Dilysydd HTML i Dod o hyd i Errors</a></h3> <div class="amp-related-meta"> Dylunio Gwe & Dyfais </div> </div> </div> <div class="amp-related-content"> <a href="https://cy.eyewated.com/ysgrifennu-html-gyda-macintosh-textedit/"> <amp-img src="https://exse.eyewated.com/pict/fbd3e2632d2f3693-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/ysgrifennu-html-gyda-macintosh-textedit/">Ysgrifennu HTML Gyda Macintosh TextEdit</a></h3> <div class="amp-related-meta"> Dylunio Gwe & Dyfais </div> </div> </div> <div class="amp-related-content"> <a href="https://cy.eyewated.com/rhestr-gyfun-o-godau-html-ar-gyfer-cymeriadau-iaith-twrcaidd/"> <amp-img src="https://exse.eyewated.com/pict/c2d45c92534f347a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/rhestr-gyfun-o-godau-html-ar-gyfer-cymeriadau-iaith-twrcaidd/">Rhestr Gyfun o Godau HTML ar gyfer Cymeriadau Iaith Twrcaidd</a></h3> <div class="amp-related-meta"> Dylunio Gwe & Dyfais </div> </div> </div> <div class="amp-related-content"> <a href="https://cy.eyewated.com/sut-i-golygu-html-gyda-textedit/"> <amp-img src="https://exse.eyewated.com/pict/62a09da409813588-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/sut-i-golygu-html-gyda-textedit/">Sut i Golygu HTML Gyda TextEdit</a></h3> <div class="amp-related-meta"> Dylunio Gwe & Dyfais </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://cy.eyewated.com/problemau-datrys-problemau-llwybrydd-rhwydwaith-cartrefi/"> <amp-img src="https://exse.eyewated.com/pict/65464b0d7d9c32ca-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/problemau-datrys-problemau-llwybrydd-rhwydwaith-cartrefi/">Problemau Datrys Problemau Llwybrydd Rhwydwaith Cartrefi</a></h3> <div class="amp-related-meta"> Rhyngrwyd a Rhwydwaith </div> </div> </div> <div class="amp-related-content"> <a href="https://cy.eyewated.com/tueddiadau-symudedd-menter-ar-gyfer-2016/"> <amp-img src="https://exse.eyewated.com/pict/7f158622fcb73100-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/tueddiadau-symudedd-menter-ar-gyfer-2016/">Tueddiadau Symudedd Menter ar gyfer 2016</a></h3> <div class="amp-related-meta"> Gwe & Chwilio </div> </div> </div> <div class="amp-related-content"> <a href="https://cy.eyewated.com/suddiau-a-eu-effeithiau-sims-2-season/"> <amp-img src="https://exse.eyewated.com/pict/f9396c7d3d3f3a10-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/suddiau-a-eu-effeithiau-sims-2-season/">Suddiau a Eu Effeithiau "Sims 2 Season"</a></h3> <div class="amp-related-meta"> Hapchwarae </div> </div> </div> <div class="amp-related-content"> <a href="https://cy.eyewated.com/swyddogaethau-nawr-taenlenni-google-nawr-mewn-cyfrifiadau-dyddiad-ac-amser/"> <amp-img src="https://exse.eyewated.com/pict/a0c678339bb24148-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/swyddogaethau-nawr-taenlenni-google-nawr-mewn-cyfrifiadau-dyddiad-ac-amser/">Swyddogaethau NAWR Taenlenni Google NAWR mewn Cyfrifiadau Dyddiad ac Amser</a></h3> <div class="amp-related-meta"> Meddalwedd </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/adolygiad-app-textfree-unlimited/">Adolygiad App TextFree Unlimited</a></h3> <div class="amp-related-meta"> Meddalwedd a Apps </div> </div> </div> <div class="amp-related-content"> <a href="https://cy.eyewated.com/sut-i-sgwrsio-a-rhywun-mewn-post-aim/"> <amp-img src="https://exse.eyewated.com/pict/21af59d726bc39eb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/sut-i-sgwrsio-a-rhywun-mewn-post-aim/">Sut i Sgwrsio â Rhywun mewn Post AIM</a></h3> <div class="amp-related-meta"> E-bost a negeseuon </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://cy.eyewated.com/sut-i-atodi-dsetup-dll-heb-ei-ddarganfod-neu-er-gwall-camau/"> <amp-img src="https://exse.eyewated.com/pict/e898294884593793-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/sut-i-atodi-dsetup-dll-heb-ei-ddarganfod-neu-er-gwall-camau/">Sut i Atodi Dsetup.dll Heb ei Ddarganfod neu Er Gwall Camau</a></h3> <div class="amp-related-meta"> Ffenestri </div> </div> </div> <div class="amp-related-content"> <a href="https://cy.eyewated.com/sut-i-newid-cyfrinair-gweinyddwr-eich-di-wifr-llwybrydd/"> <amp-img src="https://exse.eyewated.com/pict/6c2ce025ce363144-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/sut-i-newid-cyfrinair-gweinyddwr-eich-di-wifr-llwybrydd/">Sut i Newid Cyfrinair Gweinyddwr eich Di-wifr Llwybrydd</a></h3> <div class="amp-related-meta"> Gwe & Chwilio </div> </div> </div> <div class="amp-related-content"> <a href="https://cy.eyewated.com/adolygiad-rentals-movie-itunes/"> <amp-img src="https://exse.eyewated.com/pict/1286a15380273452-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/adolygiad-rentals-movie-itunes/">Adolygiad Rentals Movie iTunes</a></h3> <div class="amp-related-meta"> Adolygiadau Cynnyrch </div> </div> </div> <div class="amp-related-content"> <a href="https://cy.eyewated.com/sut-i-wneud-galwadau-ffon-am-ddim-gyda-google-hangouts/"> <amp-img src="https://exse.eyewated.com/pict/c35bec7ed8b434aa-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/sut-i-wneud-galwadau-ffon-am-ddim-gyda-google-hangouts/">Sut i Wneud Galwadau Ffôn Am Ddim gyda Google Hangouts</a></h3> <div class="amp-related-meta"> Gwe & Chwilio </div> </div> </div> <div class="amp-related-content"> <a href="https://cy.eyewated.com/counter-strike-codau-cyflwr-zero-cheat-pc/"> <amp-img src="https://exse.eyewated.com/pict/76e05c21a7573a2d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/counter-strike-codau-cyflwr-zero-cheat-pc/">Counter-Strike: Codau Cyflwr Zero Cheat - PC</a></h3> <div class="amp-related-meta"> Hapchwarae </div> </div> </div> <div class="amp-related-content"> <a href="https://cy.eyewated.com/defnyddio-rhwydweithio-symudol-ar-ffonau-android/"> <amp-img src="https://exse.eyewated.com/pict/e8eadc993dc53648-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/defnyddio-rhwydweithio-symudol-ar-ffonau-android/">Defnyddio Rhwydweithio Symudol ar Ffonau Android</a></h3> <div class="amp-related-meta"> Rhyngrwyd a Rhwydwaith </div> </div> </div> <div class="amp-related-content"> <a href="https://cy.eyewated.com/gwneud-neu-golygu-llyngyr-yn-the-sims-2-university/"> <amp-img src="https://exse.eyewated.com/pict/c1eaf7a2a9c434b1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/gwneud-neu-golygu-llyngyr-yn-the-sims-2-university/">Gwneud neu Golygu Llyngyr yn "The Sims 2: University"</a></h3> <div class="amp-related-meta"> Hapchwarae </div> </div> </div> <div class="amp-related-content"> <a href="https://cy.eyewated.com/adolygiad-swap-ipod-apple-4ydd-genhedlaeth/"> <amp-img src="https://exse.eyewated.com/pict/ecb0a17a0b21350e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/adolygiad-swap-ipod-apple-4ydd-genhedlaeth/">Adolygiad Swap iPod Apple 4ydd Genhedlaeth</a></h3> <div class="amp-related-meta"> Adolygiadau Cynnyrch </div> </div> </div> <div class="amp-related-content"> <a href="https://cy.eyewated.com/creu-cyfrif-cronfa-ddata-2008-gweinydd-sql/"> <amp-img src="https://exse.eyewated.com/pict/f499ab584193372c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/creu-cyfrif-cronfa-ddata-2008-gweinydd-sql/">Creu Cyfrif Cronfa Ddata 2008 Gweinydd SQL</a></h3> <div class="amp-related-meta"> Meddalwedd </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/top-5-buddion-skype-i-fusnesau-bach/">Top 5 Buddion Skype i Fusnesau Bach</a></h3> <div class="amp-related-meta"> Gwe & Chwilio </div> </div> </div> <div class="amp-related-content"> <a href="https://cy.eyewated.com/the-origin-of-the-tabloid/"> <amp-img src="https://exse.eyewated.com/pict/cbe0970afed34054-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/the-origin-of-the-tabloid/">The Origin of the Tabloid</a></h3> <div class="amp-related-meta"> Meddalwedd </div> </div> </div> <div class="amp-related-content"> <a href="https://cy.eyewated.com/sut-mae-bits-bytes-megabytes-megabits-a-gigabits-differ/"> <amp-img src="https://exse.eyewated.com/pict/1bfc8020fcba3bc0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/sut-mae-bits-bytes-megabytes-megabits-a-gigabits-differ/">Sut mae Bits, Bytes, Megabytes, Megabits, a Gigabits Differ?</a></h3> <div class="amp-related-meta"> Rhyngrwyd a Rhwydwaith </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/modelu-3d-polygonol-blwch-cyffredin-a-llif-gwaith-modelu-edge/">Modelu 3D Polygonol - Blwch Cyffredin a Llif Gwaith Modelu Edge</a></h3> <div class="amp-related-meta"> Newydd a Nesaf </div> </div> </div> <div class="amp-related-content"> <a href="https://cy.eyewated.com/10-or-defnyddwyr-pinterest-poblogaidd-iw-dilyn/"> <amp-img src="https://exse.eyewated.com/pict/d0c6446db4ee2f69-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/10-or-defnyddwyr-pinterest-poblogaidd-iw-dilyn/">10 o'r Defnyddwyr Pinterest Poblogaidd i'w Dilyn</a></h3> <div class="amp-related-meta"> Cyfryngau cymdeithasol </div> </div> </div> <div class="amp-related-content"> <a href="https://cy.eyewated.com/sut-i-fyw-gemau-symud-gyda-ffenestri-10/"> <amp-img src="https://exse.eyewated.com/pict/5463058703fb3581-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/sut-i-fyw-gemau-symud-gyda-ffenestri-10/">Sut i Fyw Gemau Symud Gyda Ffenestri 10</a></h3> <div class="amp-related-meta"> Hapchwarae </div> </div> </div> <div class="amp-related-content"> <a href="https://cy.eyewated.com/datrys-problemau-mac-os-x-panel-cenel/"> <amp-img src="https://exse.eyewated.com/pict/53f67cadd76132df-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cy.eyewated.com/datrys-problemau-mac-os-x-panel-cenel/">Datrys Problemau Mac OS X Panel Cenel</a></h3> <div class="amp-related-meta"> Macs </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 cy.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.348 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 21:51:46 --> <!-- 0.002 -->