Accentsconagua

Sfat rapid codul Dvs. scurt pentru video

Cod
Share

Probabil că utilizați un plugin de încorporare video sau pur și simplu utilizați codurile embed de site-uri video. Dar există oa treia modalitate mai ușoară de a încorpora videoclipuri în site-ul dvs. WordPress: un simplu cod scurt (dar util).

De ce ar trebui să folosesc un cod scurt video?

  • Deoarece pluginurile de încorporare video reprezintă doar o mică povară pentru blogul dvs. Ei iau ceva spațiu pe disc (acordat, nu mai mult de 1MB), intotdeauna interoghează baza de date pentru opțiunile lor și trebuie să le faci învăța cum se utilizează pluginurile.
  • Deoarece încorporarea codurilor site-urilor video poate fi coruptă - mai ales când comutați între editorul WYSIWYG și editorul HTML.
  • Și cel mai important: deoarece codurile scurte sunt minunate! Sunt ușor de folosit, pot avea funcționalitatea multor pluginuri, iar codul lor nu se rupe în postările tale!

Explorarea site-urilor video

Vom lucra cu 7 site-uri de hosting:

  1. YouTube (evident!)
  2. Vimeo
  3. Dailymotion
  4. Yahoo! Ecran
  5. Blip.tv
  6. Veoh
  7. Viddler

Să vedem cum arată codurile lor de încorporare:

YouTube

Codul implicit de încorporare arată astfel:

 / * Video original: youtube.com/watch?v=dQw4w9WgXcQ * /

Dar există o opțiune, "modul îmbunătățit de confidențialitate", care adaugă "-nocookie" domeniului și îl vom folosi în codul nostru scurt.

Vimeo

 / * Video original: vimeo.com/36804448 * /

Simplu și elegant. De aceea oamenii iubesc Vimeo.

Dailymotion

 / * Video original: dailymotion.com/video/xhwpbg_bridgestone-15-sec-spot_auto * / 
BridgeStone 15 sec fața locului de către DailymotionUSA

Cred că adăugarea unui link sub codul de încorporare este doar nu rece, așa că nu adăugăm asta la codul nostru scurt.

Yahoo! Ecran

 / * Video original: screen.yahoo.com/mysterious-death-of-500-fish-in-german-lake-blamed-on-urinating-swimmers-29322943.html * /

Codul de încorporare este puțin ciudat pe Yahoo! Ecran, dar am găsit o modalitate de a scurta acest lucru, care va fi mai ușor de utilizat în codul nostru scurt.

Blip.tv

 / * Video original: blip.tv/mister-glasses/episode-7-5600357 * /

Acesta este unul greu - acesta nu are codul video (de la adresa URL a videoclipului) în codul de încorporare. Dar datorită unor cercetări, mi-am dat seama cum să folosesc ID-ul! :)

Veoh

 / * Video original: veoh.com/watch/v27458670er62wkCt * / 
Urmăriți pisica intensă la animale Vezi mai multe videoclipuri gratuite online la Veoh.com

Ah, etichetă ... Nu vă faceți griji, nu o vom folosi!

Viddler

 / * Video original: viddler.com/v/978c9ba2 * /

Asta e tot. Acum, hai să ajungem la partea distractivă!

Codul scurt: [VID]

Vom crea 4 atribute pentru acest scurtcod - numele site-ului, ID-ul videoclipului și lățimea și înălțimea videoclipului. Puteți seta câteva valori implicite pentru atribute:

 funcția vid_sc ($ atts, $ content = null) extras (shortcode_atts (array ('site' => 'youtube', 'id' => '), $ atts)); add_shortcode (' vid ',' vid_sc ');

Apoi vine partea în care funcția generează $ src variabilă care generează src atribut pentru iframe:

 // YouTube cu "modul îmbunătățit de confidențialitate": dacă ($ site == "youtube") $ src = 'http://www.youtube-nocookie.com/embed/'.$id;  // Vimeo: altfel dacă ($ site == "vimeo") $ src = 'http://player.vimeo.com/video/'.$id;  // Dailymotion: altfel dacă ($ site == "dailymotion") $ src = 'http://www.dailymotion.com/embed/video/'.$id;  // Yahoo! Ecran cu unele tăieri în URI: altceva dacă ($ site == "yahoo") $ src = 'http://d.yimg.com/nl/vyc/site/player.html#vid='.$id ;  // Blip.tv cu unele "hacks" în URI: altfel dacă ($ site == "bliptv") $ src = 'http://a.blip.tv/scripts/shoggplayer.html#file=http : //blip.tv/rss/flash/'.$id;  // UO-ul Veoh are și unele hacks: altfel dacă ($ site == "veoh") $ src = 'http://www.veoh.com/static/swf/veoh/SPL.swf?videoAutoPlay= 0 & permalinkId =“$ id.;  // Viddler: altceva dacă ($ site == "viddler") $ src = 'http://www.viddler.com/simple/'.$id;

Și, bineînțeles, noi întoarcere ieșirea. Iată codul complet al noului cod scurt al videoclipului nostru:

 funcția vid_sc ($ atts, $ content = null) extract (shortcode_atts (array ('site' => 'youtube', 'id' => " ($ site == "youtube") $ src = 'http://www.youtube-nocookie.com/embed/'.$id; altfel dacă ($ site ==) "vimeo") $ src = 'http://player.vimeo.com/video/'.$id; altfel dacă ($ site == "dailymotion") $ src =' http: //www.dailymotion .com / embed / video /'.$ id; altfel dacă ($ site == "yahoo") $ src = 'http://d.yimg.com/nl/vyc/site/player.html#vid = '. $ id; altfel dacă ($ site == "bliptv") $ src =' http://a.blip.tv/scripts/shoggplayer.html#file=http://blip.tv/rss /flash/'.$id; altfel dacă ($ site == "veoh") $ src = 'http://www.veoh.com/static/swf/veoh/SPL.swf?videoAutoPlay=0&permalinkId=' . $ id; altfel dacă ($ site == "viddler") $ src = 'http://www.viddler.com/simple/'.$id; dacă ($ id! = "„;  add_shortcode ('vid', 'vid_sc');

Sfat în cadrul sfatului rapid: Luați notă că iframe are două clase CSS: VID și site-ul $ iframe- (de exemplu. iframe-youtube). Ar trebui să adăugați vid graniță: 0; la fișierul dvs. CSS, deoarece nu am definit frameborder atributul nostru iframe etichetă.

Exemple de utilizare

Utilizarea implicită este suficient de simplă:

[vezi site = "youtube" w = "600" h = "340"]

Dar pentru a face chiar mai simplu, am setat valorile implicite pentru teren, w și h. Deci, dacă doriți să încorporați un videoclip YouTube, puteți să-l utilizați astfel:

[VID]

Ar trebui să modificați lățimea și înălțimea pentru a se potrivi cu blogul dvs. De asemenea, dacă utilizați Vimeo mai mult decât YouTube, puteți schimba setările implicite teren valoare pentru "vimeo".

Asta e! Adăugați-o la dvs. functions.php fișier și puteți începe să utilizați codul scurt. se bucura!

Actualizare: Am adăugat acum o secțiune de utilizare a articolului pentru a face lucrurile mai clare.

Cod
×