跳到主要內容

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!!

留言

這個網誌中的熱門文章

Overnight...

熬夜是我最不拿手的一項絕活,同時也是我最討厭的課題 =.= 能不熬夜我就不想熬夜... 因為就算夜間很high或者很厲害的撐到早上,隔天必定還是要嗝屁在桌上............ 搞不好浪費的時間筆熬夜還多,但是身為研究生,還是會遇到必須熬夜的狀況,累計研究生兩年的生活中,我已經熬夜了不下十次了,當然還是比不過FC先生多,不過這種東西還是不要多的好 :PP 今天的熬夜,純粹是因為必須每隔兩小時測定一次測試菌株的生長曲線,包括吸光值以及菌落數 =.= 這真的很痛苦,因為明明可以睡卻不能睡... 真討厭!! 早上從 11:30 開始測試,歷經1:30 PM => 3:30 => 5:30 => 7:30 => 9:30 => 11:30 => 1:30 AM 等等就要進入 3:30 AM 了,想想還真不真實,因為時間一下就過了.. 想到這邊,我竟然突然精神一振,或許真的有被驚到吧!! 把握當下! 當個無敵的研究生!!

一支有趣的MV

今天下午在看 Apple公司廣告的時候,意外在Apple TV新廣告之可以看YouTube的廣告中,看到了一段影片! 好在匆匆一撇之間,我還喵到它的關鍵字 "ok go" 於是去找就找到了! 覺得有趣的是他們的舞步看似很俗,但是很漂亮! 而且節拍準,音樂佳!! 不錯不錯! 就是下面這支 欣賞看看吧!

Red Bomb!

該來的還是來了~ 以前總覺得這件事情離我好遠好遠,殊不知自己也到了這種年紀,就在剛剛接到了高中同學的來電,他問我在做些什麼?一開始還沒意識到什麼,以為是電話買新的來敘舊的,後來聊了一下,才知道原來他來發炸彈了!真神奇,也真有趣,一個跟我還是同學、一樣年紀、一樣外表的人,竟然成熟的說出要結婚的關鍵字,這真是我一點都沒辦法想像的,他那成熟的語氣,也是我無法體會的,在大一時,還能偶而遇見他跟他尚同一門課,想不到他大二就從原本的園藝系轉到經濟系,之後竟然就成為銀行行員了! 這種物換星移的感覺很奇妙,但更妙的是,這是宣告一個新旅程時代在我們這個世代展開了!人生也該邁入下一個階段了。 突然,我回首看見自己,依舊像是個小孩一般天天上學! 我問我自己,到底自己在做什麼? 我回答我自己,我正在找下一個階段的自己! 但是我心裡知道,這個答案正從一個迷濛眼神的自己顫抖地說出。