Accentsconagua

Snabbtips Din egen video kortnummer

Koda
Share

Du använder förmodligen ett videoinbäddningsinplugin eller använder du bara inbäddningskoderna på videosidor. Men det finns ett tredje, enklare sätt att bädda in videor på din WordPress-webbplats: en enkel (men användbar) video-kortkod.

Varför ska jag använda en video-kortnummer?

  • Eftersom videoinbäddningsinställningar är bara en annan liten börda för din blogg. De tar lite plats på din disk (beviljad, inte mer än 1 MB), de frågar alltid din databas för sina alternativ och du behöver lära sig hur man använder plugins.
  • Eftersom inbäddning av koderna på videosidorna kan skadas - särskilt när du växlar mellan WYSIWYG-redigeraren och HTML-redigeraren.
  • Och viktigast: Eftersom kortkoder är fantastiska! De är lätta att använda, de kan ha funktionaliteten för många plugins och deras kod bryts inte i dina inlägg!

Utforska videonsidorna

Vi ska jobba med 7 video värdwebbplatser:

  1. YouTube (självklart!)
  2. Vimeo
  3. Dailymotion
  4. Yahoo! Skärm
  5. Blip.tv
  6. Veoh
  7. Viddler

Låt oss se hur deras inbäddade koder ser ut:

Youtube

Standardinställningskoden ser ut så här:

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

Men det finns ett alternativ, det "privacy-enhanced mode" som lägger till "-nocookie" till domänen och vi ska använda den i vår kortnummer.

Vimeo

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

Enkel och elegant. Det är därför folk älskar Vimeo.

Dailymotion

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

Jag tror att lägga till en länk under inbäddningskoden är bara inte coolt, så lägger vi inte till det i vår kortnummer.

Yahoo! Skärm

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

Inbäddningskoden är lite konstig på Yahoo! Skärmen men jag hittade ett sätt att förkorta det vilket blir lättare att använda i vår kortnummer.

Blip.tv

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

Det här är svårt - det här har inte video-ID-en (från videoens URL) i inbäddningskoden. Men tack vare lite forskning funderade jag på hur man använde ID! :)

Veoh

 / * Original video: veoh.com/watch/v27458670er62wkCt * / 
Titta på intensiv katt i djur | Se fler gratis videor på nätet på Veoh.com

Ah, taggar ... Oroa dig inte, vi kommer inte att använda den!

Viddler

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

Det är allt. Nu ska vi komma till den roliga delen!

Kortnummer: [Vid]

Vi skapar 4 attribut för denna kortnummer - namnet på webbplatsen, videoens ID och bredden och videoens höjd. Du kan ange några standardvärden för attributen:

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

Sedan kommer den del där funktionen genererar $ src variabel som genererar src attribut för iframe:

 // YouTube med "privacy-enhanced mode": om ($ site == "youtube") $ src = 'http://www.youtube-nocookie.com/embed/'.$id;  // Vimeo: annars om ($ site == "vimeo") $ src = 'http://player.vimeo.com/video/'.$id;  // Dailymotion: annars om ($ site == "dailymotion") $ src = 'http://www.dailymotion.com/embed/video/'.$id;  // Yahoo! Skärm med några nedskärningar i URI: annars om ($ site == "yahoo") $ src = 'http://d.yimg.com/sv/vyc/site/player.html#vid='.$id ;  // Blip.tv med några "hacks" i URI: annars om ($ site == "bliptv") $ src = 'http://a.blip.tv/scripts/shoggplayer.html#file=http : //blip.tv/rss/flash/'.$id;  // Veoh URI har också några hackar: annars om ($ site == "veoh") $ src = 'http://www.veoh.com/static/swf/veoh/SPL.swf?videoAutoPlay= 0 & permalinkId =' $ id.  // Viddler: annars om ($ site == "viddler") $ src = 'http://www.viddler.com/simple/'.$id;

Och självklart, vi lämna tillbaka utgången. Här är den fullständiga koden för vår helt nya video-kortkod:

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

Tips inom snabbspetsen: Observera att iframe har två CSS-klasser: VID och iframe- $ site (t.ex. iframe-youtube). Du borde lägga till vid border: 0; till din CSS-fil eftersom vi inte definierade frameborder attribut i vårt iframe märka.

Användningsexempel

Standardanvändningen är enkel nog:

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

Men för att göra det jämnt enklare, Vi ställer in standardvärden för webbplats, w och h. Så om du vill bädda in en YouTube-video kan du bara använda den så här:

[Vid]

Du bör ändra bredden och höjden för att matcha din blogg. Om du använder Vimeo mer än YouTube kan du också ändra standardvärdet webbplats värdet till "vimeo".

Det är allt! Lägg till detta i din functions.php fil och du kan börja använda kortnumret. Njut av!

Uppdatering: Vi har lagt till ett användningsexempel för artikeln nu för att göra saker tydligare.

Koda
×