HTML5視頻在iPad上大小錯誤

我構建了一個由HTML5視頻組成的交互式遊戲，有時在其上添加可點擊的png圖層以添加交互性。HTML5視頻在iPad上大小錯誤

這非常簡單，它在Chrome/Firefox上效果很好，但我試圖讓它適用於iPad，並且我遇到了問題：無論我放入CSS或<video>標籤中的尺寸是多少，在iPad上顯示更小。

我使用VideoJS來管理HTML5視頻上的事件。

您可以在http://megalobio.com進行測試。這是法文，但很容易理解，只是Facebook登錄來打開遊戲（沒有數據被保存，僅用於遊戲製作目的）。

我迫切需要一些幫助，這已經讓我忙了好幾天......

你是否設法解決這個問題？ – mat

@mat是的，iPad選擇的格式很差，.ogv。 –

好的..我的格式很好，到處都是。但是，使用VideoJS在iPad上正確顯示MP4並且沒有VideoJS時效果良好 – mat

這是可能的，你可以通過設置避免這種正確的viewport meta tag

嘗試在

加入這一行

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

您可能還需要根據device orientation

另一個建議更改值讀取here

2012-10-16 17:41:41 Zappatta

不工作，當我設置視口時，該窗口非常適合，但視頻在div塊內，並且仍然太小以至於無法適合該塊...還有其他想法嗎？ –

回答