Re: [請益] HTML5的Video標籤

看板Web_Design作者 (Boston's 10th Man.)時間14年前 (2011/09/16 00:26), 編輯推噓3(3012)
留言15則, 5人參與, 最新討論串2/2 (看更多)
你播放的檔案格式有問題 <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

09/16 00:34, , 1F
原來!!!Orz 那為什麼Apple網站的可以撥 囧
09/16 00:34, 1F

09/16 00:44, , 2F
哪個網站?
09/16 00:44, 2F

09/16 00:56, , 3F
Apple的HTML5 DEMO
09/16 00:56, 3F

09/16 00:57, , 4F
http://www.apple.com/html5/ 我是選Video進去打算看他
09/16 00:57, 4F

09/16 00:57, , 5F
怎麼寫的
09/16 00:57, 5F

09/16 00:58, , 6F
MOV是Container HTML 5支不支援 要看得是用的codec 是哪個
09/16 00:58, 6F

09/16 00:59, , 7F
你把codec轉成H.264 大部分的就可以撥了
09/16 00:59, 7F

09/16 01:41, , 8F
我記得蘋果所有軟體輸出影片都是 H.264
09/16 01:41, 8F

09/16 03:05, , 9F
支援的格式應該有部份錯誤 Webkit是排版引擎跟這應該無關?
09/16 03:05, 9F

09/16 03:06, , 10F
基本上要支援所有瀏覽器,至少得用兩種格式ex.ogg/h.264
09/16 03:06, 10F

09/16 03:08, , 11F
呃 嚴格講應該是Ogg Theora。之前研究這個問題的筆記:
09/16 03:08, 11F

09/16 03:08, , 12F
09/16 03:08, 12F

09/16 23:42, , 13F
謝謝各位,這兩天出門在外無法立刻回覆,有點不懂Q Q
09/16 23:42, 13F

09/16 23:42, , 14F
容我研究一下各位的推文(倒) ~y
09/16 23:42, 14F

09/17 00:35, , 15F
哈 我其實是懶得打Safari和Chrome 直接寫了webkit系列
09/17 00:35, 15F
※ 編輯: adamp3 來自: 114.45.176.38 (09/17 00:36)
文章代碼(AID): #1ESYSZtg (Web_Design)
討論串 (同標題文章)
文章代碼(AID): #1ESYSZtg (Web_Design)