跳到主要內容

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 怕牠餓著,於是我們就給了他一塊雞翅,不過牠連聞都沒有,再加上高度親人與想進入家裡面,也就轉念 想說應該不是流浪貓!!應該是誰家的家貓跑掉了。 著急的我們想打電話通知社區警衛,可是一時之間又很難找到警衛電話,而且社區警衛室可是在遙遠的山下,在遍尋苦無電話的情形下,只好踏入大樓找線索,想不到電梯口就貼著協尋走失貓咪的話語,而且還附註「灰色的波斯貓」,相當明顯的特徵,聯絡的對方後,就在警衛室等對方來到,讓動物回家的感覺真好!

好睏~~ 我還在長大?

愛睡覺是小朋友的權力! 也是小朋友的義務! 那是因為他們要"長大"~ 但是最近的我似乎也是小朋友~~ 上課一定睡,下課也在睡! 做實驗打瞌睡~ 演講死一片~ 上禮拜在系上的專題討論(seminar)還是依舊打瞌睡,講著講著,心情從緊張轉變為尋常,然後接著竟然就.... 打瞌睡 Orz 把會抑制講成不會抑制 囧rz 真想鑽進洞裡面!! 自從seminar過了之後,感覺身心都很疲憊,開始帶點墮落的生活! 雖然自己也知道這樣不行。 但是就是忍不住會想墮落 Orz 昨天在PTT2的板上看到一篇 "睡眠債"的觀念,雖然自己學生物的畢竟多少有點概念,只是沒想到還真是強!! 因為我現在就被這個困住! 而且是很強力的睡眠債! 應該是我欠太兇了~~ 每日2:00AM睡 7:50 AM起床,若減去進入睡眠前的空白期............ 我大概每天只睡4小時多~~ 真是累報了~ 真不知道簫大美人是怎麼辦到的,一天只睡一小時! 她的GOT與GPT應該很高 (奸笑!!)