Erbyn hyn mae fideos Vimeo ac Youtube yn cynnig fideos diffiniad uwch a all gymryd cryn dipyn o eiddo tiriog ar wefan neu flog. Un ffordd o optimeiddio ar gyfer hyn yw defnyddio dull o'r enw Facebox. Mae blwch wyneb yn fodd braf o arddangos ffenestr yn eich tudalen heb ffenestr naid ar wahân.
Canolfannau Data Llinell Gymorth wedi cael fideo wedi'i gynhyrchu gan Another Cool Design yr oeddent am ei gyflwyno ar eu tudalen gartref - heb orfod adleoli nac ailgynllunio'r thema. Felly - gwnaethom ddelwedd fach braf gyda botwm chwarae mawr arni, ac ymgorffori cod sy'n cynhyrchu ffenestr chwaethus i arddangos y fideo oddi mewn.
Roedd y gweithredu'n syml gan ddefnyddio'r Ategyn Oriel WordPress Facebox o Truimage. Fe wnes i greu tudalen allanol (video.html) yng ngwraidd y wefan sydd â'r fideo (gydag autoplay = 1 fel ei fod yn chwarae'n awtomatig pan fydd yn agor), ac yna ychwanegu teclyn testun gyda'r pyt angenrheidiol.
<a href="video.html" rel = "facebox" onclick = "javascript: pageTracker._trackPageview ('/ special / mypage');">
Daeth rel = blwch wyneb dynodiad yw'r hyn sy'n cychwyn y cod unwaith y bydd y ddolen wedi'i chlicio. Mae'n popio'r blwch wyneb fideo sy'n dechrau chwarae ar unwaith. Mae'n weithred syml ac yn ateb hawdd ar gyfer ymgorffori un neu fwy o fideos mewn tudalen. Byddwn yn defnyddio'r dull hwn ar safle arall yn fuan iawn!
SYLWCH: Mae'n bwysig dal nifer y golygfeydd gyda'r fideo yn y cleient analytics (Google Analytics), felly fe wnaethom hefyd ychwanegu digwyddiad onclick ar y tag angor. Nawr, pan fydd pobl yn clicio ar y fideo, rydyn ni'n cael golwg tudalen 'rithwir'. Rydw i wedi ychwanegu'r cod uchod.
Diolch am ysgrifennu tiwtorial. Gobeithio y bydd yn clirio rhai pethau ar gyfer gweithredu cynnwys mewnol mewn naidlen blwch wyneb. 🙂
Ydych chi'n sylweddoli ar IE wrth gau'r ffenestr, bydd y fideo yn parhau i chwarae yn y cefndir? (rhedeg i mewn i'r broblem fy hun ac rwy'n ceisio dod o hyd i ateb!)