Accentsconagua

Rask Tips Din egen Video Shortcode

Kode
Share

Du bruker sannsynligvis et plugin for innlemming av video, eller du bruker bare de innebygde kodene til videosider. Men det er en tredje, enklere måte å legge inn videoer på WordPress-nettstedet ditt: en enkel (men nyttig) video-kortkode.

Hvorfor skal jeg bruke en video-kortkode?

  • Fordi videoinnbindingstillegg er bare en annen liten byrde for bloggen din. De tar litt plass på disken din (gitt, ikke mer enn 1 MB), de spør alltid databasen for deres alternativer, og du må lære hvordan du bruker pluginene.
  • Fordi innebygning av koder på videosider kan bli ødelagt - spesielt når du bytter mellom WYSIWYG-editoren og HTML-editoren.
  • Og viktigst: Fordi kortkoder er kjempebra! De er enkle å bruke, de kan ha funksjonaliteten til mange plugins og deres kode bryter ikke inn i innleggene dine!

Utforske videosidene

Vi skal jobbe med 7 video hosting nettsteder:

  1. YouTube (åpenbart!)
  2. Vimeo
  3. Dailymotion
  4. Yahoo! Skjerm
  5. Blip.tv
  6. Veoh
  7. Viddler

La oss se hva deres innebygde koder ser ut som:

YouTube

Standard innebygningskoden ser slik ut:

 / * Original video: youtube.com/watch?v=dQw4w9WgXcQ * /

Men det er ett alternativ, "privacy-enhanced mode" som legger "-nocookie" til domenet, og vi skal bruke det i vår shortcode.

Vimeo

 / * Original video: vimeo.com/36804448 * /

Enkel og elegant. Det er derfor folk elsker Vimeo.

Dailymotion

 / * Original video: dailymotion.com/video/xhwpbg_bridgestone-15-sec-spot_auto * / 
BridgeStone 15 Sec spot av DailymotionUSA

Jeg tror det er bare å legge til en lenke under embedkoden ikke kult, så legger vi ikke til vår kortkode.

Yahoo! Skjerm

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

Den innebygde koden er litt rar på Yahoo! Skjermen, men jeg fant en måte å forkorte den som vil være enklere å bruke i vår shortcode.

Blip.tv

 / * Original video: blip.tv/mister-glasses/episode-7-5600357 * /

Dette er vanskelig - dette har ikke video-ID-en (fra videoens URL) i innebygningskoden. Men takket være noen undersøkelser fant jeg ut hvordan jeg bruker ID! :)

Veoh

 / * Original video: veoh.com/watch/v27458670er62wkCt * / 
Se Intense Katt i Dyr | Se flere gratis videoer på nettet på Veoh.com

Ah, den tag ... Ikke bekymre deg, vi kommer ikke til å bruke den!

Viddler

 / * Original video: viddler.com/v/978c9ba2 * /

Det er alt. Nå, la oss komme til den morsomme delen!

Kortnummeret: [Vid]

Vi lager 4 attributter for denne kortnummeret - navnet på nettstedet, videoens ID og bredden og høyden på videoen. Du kan angi noen standardverdier for attributter:

 funksjon vid_sc ($ atts, $ content = null) ekstrakt (shortcode_atts (array ('site' => 'youtube', 'id' => ", 'w' => '400', 'h' => '250 '), $ atts)); add_shortcode (' vid ',' vid_sc ');

Deretter kommer den delen der funksjonen genererer $ src variabel som genererer src attributt for iframe:

 // YouTube med "privacy-enhanced mode": hvis ($ site == "youtube") $ src = 'http://www.youtube-nocookie.com/embed/'.$id;  // Vimeo: ellers hvis ($ site == "vimeo") $ src = 'http://player.vimeo.com/video/'.$id;  // Dailymotion: ellers hvis ($ site == "dailymotion") $ src = 'http://www.dailymotion.com/embed/video/'.$id;  // Yahoo! Skjerm med noen kutt i URI: ellers hvis ($ site == "yahoo") $ src = 'http://d.yimg.com/no/vyc/site/player.html#vid='.$id ;  // Blip.tv med noen "hacks" i URI: else if ($ site == "bliptv") $ src = 'http://a.blip.tv/scripts/shoggplayer.html#file=http : //blip.tv/rss/flash/'.$id;  // Veoh URI har også noen hack: ellers hvis ($ site == "veoh") $ src = 'http://www.veoh.com/static/swf/veoh/SPL.swf?videoAutoPlay= 0 & permalinkId =' $ id.;  // Viddler: annet hvis ($ site == "viddler") $ src = 'http://www.viddler.com/simple/'.$id;

Og selvfølgelig, vi komme tilbake utgangen. Her er den fulle koden til vår splitter nye video-kortkode:

 funksjon vid_sc ($ atts, $ content = null) ekstrakt (shortcode_atts (array ('site' => 'youtube', 'id' => ", 'w' => '600', 'h' => '370 '), $ atts)), hvis ($ site == "youtube") $ src =' http://www.youtube-nocookie.com/embed/'.$id; annet hvis ($ site == "vimeo") $ src = 'http://player.vimeo.com/video/'.$id; annet hvis ($ site == "dailymotion") $ src =' http: //www.dailymotion .com / embed / video /'.$ id; annet hvis ($ site == "yahoo") $ src = 'http://d.yimg.com/no/vyc/site/player.html#vid = '. $ id; annet hvis ($ site == "bliptv") $ src =' http://a.blip.tv/scripts/shoggplayer.html#file=http://blip.tv/rss /flash/'.$id; else if ($ site == "veoh") $ src = 'http://www.veoh.com/static/swf/veoh/SPL.swf?videoAutoPlay=0&permalinkId=' . $ id; annet hvis ($ site == "viddler") $ src = 'http://www.viddler.com/simple/'.$id; hvis ($ id! = ") return'';  add_shortcode ('vid', 'vid_sc');

Tips innen hurtigspissen: Vær oppmerksom på at iframe har to CSS klasser: vid og iframe- $ nettstedet (f.eks. iframe-youtube). Du bør legge til vid border: 0; til CSS-filen din siden vi ikke definerte ramme grense attributt i vår iframe stikkord.

Brukeksempler

Standard bruken er enkel nok:

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

Men for å gjøre det enda enklere, Vi angir standardverdier for nettstedet, w og h. Så, hvis du vil legge inn en YouTube-video, kan du bare bruke den slik:

[Vid]

Du bør endre bredden og høyden for å matche bloggen din. Også, hvis du bruker Vimeo mer enn YouTube, kan du endre standard nettstedet verdi til "vimeo".

Det er det! Legg dette til din functions.php fil og du kan begynne å bruke kortnummeret. Nyt!

Oppdatering: Vi har lagt til et brukseksempel på artikkelen nå for å gjøre ting klarere.

Kode
×