SatayTube, wordpress plugin

December 20th, 2006

English Version

###前言###
Satay ([沙嗲](http://zh.wikipedia.org/wiki/%E6%B2%99%E8%8C%B6%E9%85%B1))是吃的,satay 法則是一種在網頁中嵌入 flash 影片的方法,特色是合法(可以通過 [W3C HTML validator](http://validator.w3.org/))、簡單(句法很短,不需要 javascript)、通用(幾乎所有瀏覽器都支援)。

把 [Youtube](http://www.youtube.com/)、[Google Video](http://video.google.com/)、[Yahoo Video](http://video.yahoo.com/) 的影片放上網頁現正流行。把影片貼上網頁的方法則是使用由上述網站提供的語法,把 flash video player 寫進部落格或是網頁中。而網頁所供應的語法中,多摻入了 <embed> 標籤。

問題是,由於 <embed> 並非 W3C 認可的合格語法,注射了 <embed> 語法的網頁就再也通不過 [HTML validator](http://validator.w3.org/)。有沒有辦法可以讓 HTML 標準的擁護者可以把 Youtube 等影片合格地放上網頁呢?

2002 年十一月 A List Apart 介紹了 [flash satay 法](http://alistapart.com/articles/flashsatay),利用 type=”application/x-shockwave-flash” 使鑲嵌在網頁中的 flash 影片可以成功地被所有瀏覽器讀取,再加上一個 container flash loader 使 flash 影片可以串流播放,更重要的是完全符合 W3C 規範。

在 2005年八月accessibility 的[文章](http://weblogs.macromedia.com/accessibility/archives/2005/08/in_search_of_a.cfm)比較了各種能通過 HTML Validator 的 flash 鑲嵌法,其中 flash satay 依然是最為簡潔的方案,唯一美中不足的是無法正常的被 JAWS 讀取。JAWS 是為視力障礙者設計的螢幕閱讀器,可以念出螢幕上的字句。

出於對 Flash Satay 的喜愛,我寫了我的第一個 WordPress Plugin:SatayTube。

###下載###
* Version 1.6 ……sataytube16.zip

###使用###
1. 把 sataytubeXX.zip 解壓縮;
2. 把解開的 sataytube.php 上傳到 wp-content/plugins/;
3. 再後台啟用。

###用途###
1. 自動辦識由 Youtube、Google Video、Yahoo Video 提供的鑲嵌語法,將之轉換成 flash satay 的鑲嵌語法。
2. 自動加上 alternative content,當訪客的瀏覽器沒有安裝 flash player 時,不會看到一個叉燒包,而會看到替代圖片。

###注意事項###
1. 如果您不是遵守 HTML 標準的偏執狂、或您使用 rich editor,那麼您不需要安裝這個 plugin。
2. 在正常的情形下,應該完全感受不到這個 plugin 在運作。
3. 唯二可以發現 plugin 在執行的方法是 a. 使用沒有安裝 flash player 的瀏覽器,b. 把您的網頁去餵 [HTML validator](http://validator.w3.org/)。
4. 如果 Youtube、Google Video、Yahoo Video 改變了其影片的鑲嵌語法,這個 plugin 可能會失效,如果各位發現了這類的問題,麻煩請立刻告訴我。
5. 關於 alternative image,我原本打算做一個 [random dots 3d stereogram](http://www.grand-illusions.com/acatalog/info_21.html),中間可以浮現一個 flash 的商標,可是我找遍了工具都做不出來,拜託各位能人做一張給我吧!

English Version

####Introduction####
[Flash Satay](http://alistapart.com/articles/flashsatay) is a method to embed flash movie into HTML document. It is not only W3C valid, but also supported by almost all browsers. SatayTube is a wordpress plugin which can automatically transfer the codes provided by Youtube, Google Video, Yahoo Video, or Brightcove.com into Flash Satay format. A custom alternative picture would be shown up if the adobe flash player is not installed.

####Requirement####
Wordpress 2.0-2.2

####Download####
* Version 1.6 ……sataytube16.zip

####Installation####
1. Download and extract the sataytubeXX.zip
2. Upload the sataytube.php to wp-content/plugins/
3. Activate it from admin panel.

####Usage####
1. Setup the URL to custom alternative picture at Option-> SatayTube menu. (Optional)
2. Just copy and paste the embed code provided by Youtube, Google Video, Yahoo Video, or Brightcove.com into your post, no special tags needed.

###Change Log###
* v1.6 Support videos hosted on Brightcove.com
* v1.5 Restore RSS and Atom feed
* v1.1 Rewrite the RegExp
* v1.0 Removal of default alternative image, add option page for custom alternative image
* v0.1 The initial version

Entry Filed under: 電腦

47 Comments

  • 1. Dint  |  March 25th, 2007 at 8:52 pm

    When using this plugin I get white borders around my YouTube videos, how can this be fixed?

  • 2. Jerome  |  March 26th, 2007 at 9:56 am

    Dear Dint,
    I have visited your website, but I could not see the “white border”. (I tried both firefox and IE7).
    Generally, the output of Sataytube contains no border information at all, the border of an embed object should be defined in your CSS file.

  • 3. WP Plugins DB » Blo&hellip  |  May 20th, 2007 at 3:56 pm

    [...] Visit [...]

  • 4. SatayTube — My Favo&hellip  |  July 6th, 2007 at 12:30 pm

    [...] modify the embed tags that youtube and others give you but I thought there must be an easier way. Satay Tube allows you to just paste in the URL from one of many video sharing sites and it will convert the [...]

  • 5. WP Plugins DB » Plu&hellip  |  August 11th, 2007 at 4:11 pm

    [...] Visit [...]

  • 6. 10 video embedding plugin&hellip  |  August 22nd, 2007 at 3:54 am

    [...] SatayTube SatayTube is a wordpress plugin which can automatically transfer the codes provided by Youtube, Google Video, Yahoo Video, or Brightcove.com into Flash Satay format. A custom alternative picture would be shown up if the adobe flash player is not installed. [...]

  • 7. Tube  |  September 8th, 2007 at 11:33 pm

    Really easy to use and efficient! Thank you! :-)
    I use it for a blog with my tennis club, not on my personal blog yet :p

  • 8. Wordpress Plugin List And&hellip  |  January 17th, 2008 at 10:36 pm

    [...] related entries based on active/passive keyword matches. By Alexander Malov & Mike Lu.   SatayTube 1.6 Add hosted flash videos into your blog using satay method, silently. Just copy and paste the codes [...]

  • 9. Video, Music, Podcasts, A&hellip  |  March 13th, 2008 at 8:37 am

    [...] SatayTube WordPress Plugin [...]

  • 10. » Blog Archive &raq&hellip  |  March 23rd, 2008 at 6:41 am

    [...] SataTube – Embed a flash movie into a HTML document. [...]

  • 11. [Wordpress Plugin Series]&hellip  |  July 23rd, 2008 at 12:03 am

    [...] SatayTube WordPress Plugin  [...]

  • 12. YouTube Vidoes!  |  August 11th, 2008 at 1:03 am

    Thanks to the article, Now there is more reason to comment than ever before! Everyone should participate. I am incorporating what your wrote to our project!

  • 13. Harry  |  August 15th, 2008 at 1:46 pm

    Good info. bookmarked.

  • 14. alan "canary rental" redman  |  November 2nd, 2008 at 9:41 pm

    Very helpful info.Thanks:)

  • 15. hustler  |  March 30th, 2009 at 5:35 am

    Very useful and bookmarked :0

  • 16. Hustler VOD  |  March 30th, 2009 at 5:36 am

    thanks for the excellent info

  • 17. The Hotel Box  |  April 6th, 2009 at 3:31 am

    This is an excellent tool.

    Thank you very much

  • 18. Alice Hall  |  April 21st, 2009 at 8:39 pm

    Thanks for the helpfull information.

  • 19. Homy  |  May 20th, 2009 at 10:34 pm

    Thank you so much. I’ll try to use this one.

  • 20. johnny  |  June 1st, 2009 at 5:24 pm

    Hi i am johnny,
    thanks for helpfull info, i am new user.

    bye again

  • 21. Sportbekleidung Knobi  |  June 7th, 2009 at 3:01 am

    Thank you for the Information

  • 22. Craigslist Phone Verified Accounts  |  June 13th, 2009 at 8:58 pm

    Nice one. I have stumbled and twittered this for my friends. Others no doubt will like it like I did.

  • 23. Hosting  |  June 16th, 2009 at 11:04 pm

    verry nice thnx

  • 24. hkdedicatedhosting  |  June 17th, 2009 at 11:39 am

    Thank you for the Information. it’s good article

  • 25. 迷你倉  |  June 17th, 2009 at 6:26 pm

    This is an excellent tool.

    Thank you very much

  • 26. newsbook  |  June 19th, 2009 at 9:42 am

    Thanks for sharing your experience!

  • 27. timemini  |  June 19th, 2009 at 9:43 am

    WordPress is everything. Thanks.

  • 28. oyUn  |  June 23rd, 2009 at 2:29 am

    modify the embed tags that youtube and others give you but I thought there must be an easier way

  • 29. Sophie Elise  |  June 24th, 2009 at 5:26 pm

    I think this will be helpful on my website. Hope you could visit my homepage. Thanks.

  • 30. cold sores  |  July 20th, 2009 at 11:58 pm

    learn more from you.thanks

  • 31. Dloadmp3  |  August 1st, 2009 at 2:10 am

    now… this is what called an award winning post!

  • 32. Patricia "autogobierno ayllu " Rondan  |  August 30th, 2009 at 2:10 am

    An easier way to change youtube

  • 33. Patricia "directorio cusco " Rondan  |  August 30th, 2009 at 2:13 am

    Many of my colleagues do not understand but people understand that if successful with me.

  • 34. Kaffeevollautomaten  |  November 1st, 2009 at 9:20 am

    thanks, your article is very informative.

  • 35. gretel  |  November 3rd, 2009 at 2:27 am

    perfect. thanks

  • 36. Sushi  |  November 3rd, 2009 at 11:58 pm

    Nice plugin and easy to use. Thanks for your work!

  • 37. fast software  |  November 6th, 2009 at 6:38 am

    Thanx for the blog its very useful

  • 38. DVD Rohlinge  |  November 7th, 2009 at 2:38 am

    Really easy to use and efficient! Thank you! :-)
    I use it for a blog with my tennis club, not on my personal blog yet :p

  • 39. panico brasil  |  November 11th, 2009 at 3:48 am

    thanks guy

  • 40. Biggi  |  November 19th, 2009 at 3:52 am

    an easy way to get move(ies) in the blog running – great tool! thanks!

  • 41. Berufsbekleidung  |  December 11th, 2009 at 4:42 am

    Many of my colleagues do not understand but people understand that if successful with me.

  • 42. JohnG  |  December 28th, 2009 at 12:09 am

    Really useful post. Bookmarked this one.

  • 43. wordpress guru  |  January 22nd, 2010 at 3:53 am

    nice post i loved that one

  • 44. Gouri  |  May 18th, 2010 at 10:48 am

    Great Plugin! Planning to use it on my blog.

  • 45. bidding  |  June 9th, 2010 at 7:35 pm

    thanks for sharing such a wonderful tool now i will be able to play movies on my blog yahoooo…

  • 46. QNET  |  June 11th, 2010 at 1:59 pm

    Hey this is Great post & thanks for sharing with us.

  • 47. Cool Video Wordpress plug&hellip  |  July 26th, 2010 at 2:35 pm

    [...] format. A custom alternative picture would be shown up if the adobe flash player is not installed. http://jerome.zh-tw.org/archives/151 Self-Hosted Video WordPress [...]


Calendar

July 2014
S M T W T F S
« Feb    
 12345
6789101112
13141516171819
20212223242526
2728293031  

Most Recent Posts

Copyright