跳到主要內容

HTML5 的 Video 標籤了解

說真的!自從 HTML5 規格出來後,我就一直相當嚮往,因為他撇除了難寫的 Flash 程式,要在一個網頁上加上 Flash 真的有時候比登天還難,因為他總是可以給我一些詭異的 Bug,不過也可能是我技術不到家(畢竟是業餘玩玩),HTML5 出了新的 Video 標籤,有了這個 Tag,加入影片就像是加入圖片一樣輕鬆寫意,不用再寫一堆又臭又長的垃圾程式來把播放程式掛入瀏覽器,不過目前最大宗的 IE 仍然不支援,聽說未來 IE9 會加入,只是現在還不是很明朗。

為了完成 HTML5 的 Video 標籤,我找了很多的文件來看,包括許多網頁,但是總是沒接觸到核心,因為每個人都會寫出下面這段載入影片的語法,不過妙的是
,大家都能夠跑出來,我就是跑不出來。


但是跑不出來,就越是激起我的決心,很想看看到底在搞啥鬼,後來看到這個網站寫的內容

我才知道,忘記讓 Server 了解這些檔案的 MIME。

原來必須在 Apache Server 的 httpd.conf 或者 .htaccess 檔案裡面加入檔案類型

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

由於我手邊只有工作用的 Windows 2008,因此以此示範

首先開啟「伺服器管理員」
進入「網頁伺服器(IIS Server)」


在網站設定首頁上選擇「MIME類型」



進入後,點選右上角的「新增」,可以加入新的條件

輸入新的條件


你的網頁就可以使用新的檔案類型了。

服用前,怎樣都開不了


服用後,開爽看爽!



就這樣! 真的很 Easy!!

留言

這個網誌中的熱門文章

不知道何時只剩下自己

自從工作後,就天天忙碌,過著不知道何時才能位自己而活的日子,生活的確沒有很容易,那種不確定感更是恐怖的有點真實,突然間也佩服起工作很久的大人們,也才了解自己的無知,而更能體會陶淵明不為五斗米折腰之偉大精神! 希望哪天, 我也能放手出去... 走出去...

流浪的波斯貓?!

說實話,流浪貓在台灣非常常見,但是通常流浪貓遇到人只有避之唯恐不及,更遑論讓人用手觸碰。 下雨天的晚上,我們兩個回到了台北木柵的家中,被濕冷雨水給浸透的我們,恨不得立即把身上的衣物給褪去,窩在暖暖的家中享受那剛買回來麻油雞的暖和,就在我即將拖鞋入內時,看到放在陽台的座椅(平常拿來穿鞋子用),竟然有一隻灰色被雨水淋濕濕的波斯貓,著實嚇了我好大一跳,馬上就跟 Iris 說,因為他愛貓成癡,馬上就很驚訝與興奮,甚至就開始跟貓咪對話了。 起先貓咪看到我們發現,很快速的衝到離我有五步之遙的地方,實在相當迅速,這算是一般貓咪會做的反應(野貓也是...),所以我就懷疑他是流浪貓,但是流浪貓要出現純波斯種,老實說,我還真是第一次遇見,這應該也是很難遇到的吧!因此不斷的產生疑惑,無法相信自己的眼睛,Iris 很熱情的跟貓咪打招呼與對話,這時候牠也很親的人馬上來磨人腳,我在那個當下,已經跑進房間把東西放好,Iris 怕牠餓著,於是我們就給了他一塊雞翅,不過牠連聞都沒有,再加上高度親人與想進入家裡面,也就轉念 想說應該不是流浪貓!!應該是誰家的家貓跑掉了。 著急的我們想打電話通知社區警衛,可是一時之間又很難找到警衛電話,而且社區警衛室可是在遙遠的山下,在遍尋苦無電話的情形下,只好踏入大樓找線索,想不到電梯口就貼著協尋走失貓咪的話語,而且還附註「灰色的波斯貓」,相當明顯的特徵,聯絡的對方後,就在警衛室等對方來到,讓動物回家的感覺真好!

Apple Taiwan Online Store

台灣蘋果一直以來都服務不佳,除了線上購物網站常處於爛光光的窘境外,還更新網頁比別人慢半拍,並經常性的謬誤,還包括最近的一些超級錯誤(可參考其他網路部落格如: 蘋果毒舌派 、 小鵝的蘋果天空 ),再不然就是常常導向 美國蘋果 的網站,根本無法服務國內大眾。 最後使國內服務主要透過一些經銷商來完成,像是 蘋果優仕、青蘋果、精技電腦 等等,但是這須廠商也有他們困難之處,因為畢竟他們不是真正蘋果的人阿~ 結果 反而用蘋果的人 都去國外直接採購, 技術甚至比本來在那邊上班的人 技巧或技術要好 =.= 這真不知道是什麼世界。 總算,千呼萬換始出來, 台灣蘋果總算卯足了力,改板了線上購物網站,終於能提供像國外該有的訂購服務了。 雖然看起來有優惠的樣子,但是蘋果是出了名的"硬"價格,想當然爾,絕對不會好到哪邊去..... 接下來只能看運氣能不能抽到獎了! 囧rz 唯一缺點,它要刷信用卡 囧rz... 都不能用轉帳的,真可惜!