Eddy@Joomla!

(0 位用戶參與評分, 當前平均得到 0 顆星星)

Javascript / Sencha Touch / Eddy Chang / 週五, 02 十二月 2011 05:38

Ext.Video的用法和Ext.Audio是類似的，範例中的用法如下：

{
 xtype: 'video',
 url: '../video/space.mp4',
 loop: true,
 posterUrl: '../video/Screenshot.png'
 }

posterUrl是這個影片的預覽圖，當然這個用法是標準的HTML5的video標籤用法，有些討論區的回應，Android2.2以下的機種似乎看不到這個。

另外如果像現在的Google Chrome因為不支援mp4影片（h.264）格式的時候，就可以利用Ext.env.Browser中對瀏覽器的偵測，把上面的那行url寫成：

url: Ext.browser.is.Chrome?'../video/space.webm':'../video/space.mp4',

當然影片space.webm是事先要先從space.mp4轉過來的（註：用的是免費的Miro Video Converter）

評論：

eddy

Eddy Chang

Joomla!台灣站長、資擘（股）軟體工程師