WordPress: Hvernig á að búa til sprettiglugga fyrir vídeó andlit

Vimeo og Youtube myndbönd bjóða nú upp á hærri upplausnarmyndbönd sem geta tekið talsvert af fasteignum á vefsíðu eða bloggi. Ein leið til að hagræða fyrir þessu er að nota aðferð sem kallast Facebox. Andlitshólf er fín leið til að sýna glugga á síðunni þinni án sérstaks sprettiglugga.

lifeline-video-button.png

Gagnamiðstöðvar líflínu lét framleiða myndband af Another Cool Design sem þau vildu kynna á heimasíðu sinni - án þess að þurfa að flytja þemað aftur eða endurhanna. Svo - við bjuggum til fallega litla mynd með stórum spilahnappi á henni og felldum inn kóða sem býr til glæsilegan glugga til að sýna myndbandið innan.

lifeline-video-facebox.png

Framkvæmdin var einföld með því að nota WordPress Facebox Gallery viðbót frá Truimage. Ég bjó til ytri síðu (video.html) í rót vefsins sem hefur myndbandið (með autoplay = 1 þannig að það spili sjálfkrafa þegar það opnar), og bætti síðan við textabúnaði með nauðsynlegu búti.

<a href="video.html" rel = "andlitshólf" onclick = "javascript: pageTracker._trackPageview ('/ special / mypage');"> 

The rel = andlitshólf tilnefning er það sem setur kóðann af stað þegar smellt er á krækjuna. Það sprettur upp myndbandsspjaldið sem byrjar að spila strax. Það er einföld útfærsla og auðveld lausn til að fella eitt eða fleiri myndskeið inn á síðu. Við munum nota þessa aðferð mjög fljótlega á aðra síðu!

ATH: Það er mikilvægt að ná fjölda áhorfa með myndbandinu innan viðskiptavinarins greinandi (Google Analytics), þannig að við bættum líka við onclick atburði á akkerismerkinu. Nú, þegar fólk smellir á myndbandið, fáum við „sýndar“ síðuskoðun. Ég hef bætt við kóðanum hér að ofan.

3 Comments

  1. 1

    Takk fyrir að skrifa námskeið. Vonandi mun það hreinsa suma hluti til að innleiða innbyggt efni í sprettiglugga fyrir andlitshólf. 🙂

  2. 2

    Gerirðu þér grein fyrir því á IE þegar þú lokar glugganum mun myndbandið halda áfram að spila í bakgrunni? (lenti í vandamálinu sjálfur og er að reyna að finna lagfæringu!)

Hvað finnst þér?

Þessi síða notar Akismet til að draga úr ruslpósti. Lærðu hvernig ummæli þín eru unnin.