2012-07-19 60 views
0

我正在做一些幫助視頻,他們需要在所有瀏覽器和設備上工作-ipod/pad/phone android等。HTML5視頻問題 - captivate 6.瀏覽器和設備兼容性?

我的理解是,你可以用HTML5做到這一點,並有每個設備/瀏覽器的回退?

但是我不得不添加JavaScript來檢測瀏覽器,然後根據不同的HTML頁面在視頻將在該瀏覽器或設備上播放。

當然,在一個html頁面中必須有一個更簡單的方法來做到這一點?每種瀏覽器使用什麼格式?

我正在使用ChromeFrame解決IE問題。

感謝

回答

0

我建議考慮video.js它負責瀏覽器支持檢測。

對於視頻格式,您可以將mp4和WebM與video.js一起使用,它應該涵蓋所有瀏覽器。

從videoJS網站...

Web瀏覽器

無論用戶擁有最新版本的瀏覽器中,或古如Internet Explorer 6東西 ,他們會得到一個與Video.js類似的體驗 ,它使用超輕量級Flash播放器,不支持HTML5視頻的瀏覽器 。

視頻格式

網絡視頻格式都可以變得很複雜。 Video.js通過爲所有用戶使用單個MP4文件或其他 格式(如WebM,Ogg,甚至HTTP實時流式傳輸)可以更輕鬆地實現更高的HTML5 兼容性。

PS。請注意,瀏覽器(主要是較舊的IE瀏覽器)之間會存在視覺差異,尤其是在Flash後備啓動時。全屏選項是最顯着的差異。

+0

如果你只有mp4視頻,你還可以使用video.js,還是必須準備好所有的視頻格式才能使用它?或者video.js會爲您轉換所有視頻嗎? – Paul 2012-07-19 09:00:06

+0

@PaulBullock MP4可以工作,但你會在Firefox中獲得一個Flash播放器。這就是爲什麼建議也有WebM文件的原因。不應該很難將MP4轉換爲WebM嗎?有桌面工具以及在線工具可以爲您轉換。 – 2012-07-19 09:42:12