移動開發之用視頻做背景

標籤：blog   http   檔案   2014   io   re   

以前只聽說過用圖片做背景，沒有聽說過用視頻還可以做背景的。這不，前幾天就真有這樣的需求。於是急忙在網上查資料，發現國外還真有這麼玩的。

現在摘過來給大夥參考一下，說不定還真會有用得著的時候呢。

先裁圖預覽一下結果：

圖上的視頻是從w3c 上下載的，非常小的一段mp4，然後用canvas 寫了一句話： Animation over video !

這句話是浮在視頻之上的，而且視頻播放，文字會動，視頻暫停，文字也暫停，做到渾然一體的感覺。

有興趣的可以去這裡下載源檔案：https://github.com/bjtqti/xxt/tree/master/canvas-video

我只在ipad，pc 上做了測試，安卓上對video支援不太好，暫時放棄了。