2010-06-10 101 views
0

有沒有使用視頻標籤在iPhone/iPad safari中真正起作用的電影?我們嘗試了很多格式和代碼片段。我聽說mp4/h264應該可以工作,但不適合我們。iphone狀態下的視頻標籤

任何人都可以指向我的在線工作示例嗎?

如果您知道iphone上的視頻標籤的代碼或規格/格式,那就太好了。

更新:

這裏是一個mp4文件的鏈接,我們有:http://aino.se/media/207.mp4 這是我們嘗試的最新代碼:

<video width="480" height="270" controls autoplay> 
    <source src="http://aino.se/media/207.mp4" type="video/mp4"> 
</video> 

工程在Safari /鉻很大,但在iPhone沒有顯示/ iPod的

回答

1

視頻在Chrome和Safari的桌面版本上工作的事實表明,問題在於您的視頻編碼方式。雖然iPhone和iPad通過HTML5支持H.264視頻,但它們只支持最基本的可用配置文件。這意味着爲了使視頻看起來更好(如額外的參考幀,B幀,CABAC等),您可以做的額外事情都會使視頻在iOS上無法播放。

你使用什麼編碼軟件?我會嘗試再次使用最可用的香草設置對視頻進行編碼:設置平均比特率,保持FPS相同,並且如果您認爲這有助於提高質量,則可以進行兩次傳輸。除此之外的一切都很不穩固。

編輯:舉例來說,vimeo.com的所有視頻均採用iPhone版格式。

+0

我的iPod無法在vimeo.com上播放任何viedeos。它也似乎根本沒有使用視頻標籤,設備詢問用戶是否想要在mediaplayer中下載或播放電影,因此您不妨使用正常的鏈接。 – David 2010-06-11 10:16:37

+0

您需要安裝iOS 3(或更高版本)才能支持它。我剛剛再次訪問了Vimeo移動網站,以確認我所提供的內容:http://dl.dropbox.com/u/1762184/photo.png ---此外,您可以閱讀他們的博客,瞭解如何實施HTML5 Safari或Chrome的視頻標籤在他們的網站上:http://vimeo.com/blog:268 – Andrew 2010-06-11 13:00:28

+0

還應注意,正如我在後面的帖子中回答的那樣,iPhone/iPad上的HTML5視頻不會在頁面上播放,而是將Quicktime播放器初始化爲佔用全屏(這意味着某些標籤,如控件,自動播放和自動緩衝在iPhone上毫無意義)。 – Andrew 2010-06-11 13:14:13

0

蘋果公司使用HTML5來與iPad正常工作的網站的列表:http://www.apple.com/ipad/ready-for-ipad/

HTM L5的video標籤與h264源應該工作得很好。

+0

「應該」是我聽到的,但我們嘗試了我們找到的所有視頻標籤示例。它在Mac上的webkit/safari上正常工作,但在iPhone上卻沒有問題。 – David 2010-06-10 16:56:14

+0

你能鏈接到這些例子嗎? – ceejayoz 2010-06-10 16:57:47

+0

更新了鏈接和示例。謝謝! – David 2010-06-10 17:05:10

0

視頻標籤適用於iPad和iOS4,不適用於iPhone OS 3.1及更早版本。

+1

這是不正確的。自3.0版發佈以來,視頻標籤在iPad和iPhone上都可以使用。通過手機訪問Vimeo.com,獲取實際的實例。 – Andrew 2010-06-10 20:29:42

+0

嗯 - 剛剛在我的iPhone上試過Vimeo,它似乎通過iPhone的QuickTime應用而不是通過HTML5視頻播放視頻。您是否擁有使用iPhone上的HTML5視頻標籤的Vimeo視頻的網址? – 2010-06-10 21:26:00

+0

iPad/iPhone上的所有HTML5視頻會初始化Quicktime播放器。讓視頻直接在頁面上播放是不可行的。 – Andrew 2010-06-11 13:09:54

2

是的,視頻標籤的作品。 www.sup.com.tw有一些(不是全部)網站是中文的,點擊右上角的視頻鏈接。)

本網站上的更新視頻可以與IE 6/7/8(通過回落到Flash Player,未在IE9上測試),Firefox(必須渲染一個單獨的ogv文件,因爲沒有h.264支持),Safari,Chrome,iPhone Safari,Android瀏覽器(Desire模型,沒有弄清楚瀏覽器類型)。

問題在於你的編碼。看看這個頁面上如何轉換詳細說明:

http://diveintohtml5.ep.io/video.html

我覺得關鍵是H.264轉換的輪廓。需要確保您轉換爲基準配置文件。 iPhone中不支持其他配置文件。

我在Mac OS X中使用Automator的handbrakeCLI進行批量渲染。