作者adamp3 (Boston's 10th Man.)
看板Web_Design
標題Re: [請益] HTML5的Video標籤
時間Fri Sep 16 00:26:08 2011
你播放的檔案格式有問題
<video>只支援以下幾種格式
ogg(FF, Opera)、H.264(Chrome, Safari, IE9), webM(Opera, Chrome, FF, IE9)
.mov是不在規範裡的 當然無法播出
有興趣可以看一下HTML5的聖經文章 XD
Dive into HTML5
http://diveintohtml5.org/video.html
ps. <embed>並非w3c標準
http://www.alistapart.com/articles/flashsatay
※ 引述《oj113068 (橘子汁)》之銘言:
: 我想請大家幫我看一下HTML5的Video標籤使用
: <video src="video/bluehole_vr.mov" autoplay="true" width="1024" height="576"
: poster="video/bluehole_vr.jpe">
: <embed src="video/bluehole_vr.mov" width="1024" height="576"></embed>
: </video>
: 我是這樣寫的,不過火狐和google都不能撥放Orz,反到IE因為有<embed>可以撥
: 如果autoplay="true"沒有寫的話,按右鍵還可以點撥放選項,但加上autoplay以後,
: 就只看的到poster的圖了
: 看了Html5的手冊,找不到到底是哪有問題Orz
: 一度懷疑是要加上type,不過為了找.mov屬於哪種type,看了apply的網站,也沒加
: type,但是撥放的很正常...
: 到底是哪裡有問題呢~Q______Q
: (本來要上傳網頁給大家看,不過我目前用的免空禁止影片檔)
: (另外剛剛有個突發奇想~雖然禁止上傳影片檔,但砍掉副檔名就可以上傳了,我在想
: 有沒有辦法用javascript告知瀏覽器這個檔案的類型?XD)
--
http://www.flickr.com/photos/adamp3/sets/
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.45.191.171
推 oj113068:原來!!!Orz 那為什麼Apple網站的可以撥 囧 09/16 00:34
→ adamp3:哪個網站? 09/16 00:44
推 oj113068:Apple的HTML5 DEMO 09/16 00:56
→ oj113068:怎麼寫的 09/16 00:57
→ arrack:MOV是Container HTML 5支不支援 要看得是用的codec 是哪個 09/16 00:58
→ arrack:你把codec轉成H.264 大部分的就可以撥了 09/16 00:59
→ tyf99:我記得蘋果所有軟體輸出影片都是 H.264 09/16 01:41
推 randle:支援的格式應該有部份錯誤 Webkit是排版引擎跟這應該無關? 09/16 03:05
→ randle:基本上要支援所有瀏覽器,至少得用兩種格式ex.ogg/h.264 09/16 03:06
→ randle:呃 嚴格講應該是Ogg Theora。之前研究這個問題的筆記: 09/16 03:08
→ oj113068:謝謝各位,這兩天出門在外無法立刻回覆,有點不懂Q Q 09/16 23:42
→ oj113068:容我研究一下各位的推文(倒) ~y 09/16 23:42
→ adamp3:哈 我其實是懶得打Safari和Chrome 直接寫了webkit系列 09/17 00:35
※ 編輯: adamp3 來自: 114.45.176.38 (09/17 00:36)