首頁 Javascript Sencha Touch Sencha Touch範例3:Video
Sencha Touch範例3:Video 列印 填寫電子郵件
(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

評論:

新增回應


驗證碼
更新

Tags: html5 | sencha touch

關於我something about me

eddy

Eddy Chang

Joomla!台灣站長、資擘(股)軟體工程師

最新留言Latest Comment