利用Video組件播放視頻文件綜合示例

1、利用 Video 組件播放視頻文件：綜合示例此時視頻處于暫停狀態(tài)：按鈕文字是“播放”此時，視頻是播放狀態(tài)，按鈕文字是：暫停app.jslaunch: function() / 利用 Video 組件播放視頻文件/用戶單擊播放 /暫停按鈕 ,視頻被相應(yīng)的播放 /暫停/sencha touch2.0 中提供一個 Video 組件 ,該組件中封裝 HTML5 的 video 元素 ,因此可以直接通過該組件在頁面中播 放視頻文件/播放 ,暫停,快進(jìn) ,快退var video=Ext.create(Ext.Video,/fullscreen:true,/width:500,/height:700, ce

2、ntered:true,url:resources/media/BigBuck.m4v,resources/media/BigB uck.webm,/ 指定播放視頻的 urlloop:false,/ 是否循環(huán)播放 ,true: 循環(huán)播放 .false: 不循環(huán) posterUrl:resources/images/4.jpg,/ 指定視頻在尚未播 放時所顯示的一幅代替圖片listeners:play:function(media)/ 當(dāng)視頻開始播放 ,設(shè)置按鈕為有 效狀態(tài) , 文字為暫停 ;有一個參數(shù) media: 代表觸發(fā)事件的 Video 組件button.setDisabled(fals

3、e); button.setText( 暫停 );,ended:function(media,time)/ 視頻播放結(jié)束后 ,按鈕的 文字自動設(shè)置為播放 ;兩個參數(shù) :media: 代表觸發(fā)事件的 Video 組件 ;time: 代表播放結(jié)束時視頻被播放的秒數(shù) button.setText（ 播放 ）;）;var videoPlayOrPause=function()if(button.getText()= 暫停 ) video.pause();button.setText( 播放 );console.log( 暫停 );console.log(video.media.dom.playback

4、Rate);/ 獲取 video 元素的播放速率video.media.dom.playbackRate+=1;/ 修改 video 元素 的播放速率 ,加快視頻播放速率else if(button.getText()= 播放 ) video.play();button.setText( 暫停 );console.log( 播放 );console.log(video.media.dom.playbackRate);/ 獲取 video 元素的播放速率video.media.dom.playbackRate+=1;/ 修改 video 元素 的播放速率 ,加快視頻播放速率var button=Ext.create(Ext.Button,id:playButton,text: 播放 ,/顯示的文字是播放disabled:true,/ 按鈕處于無效狀態(tài)handler:videoPlayOrPause);var toolbar=new Ext.Toolbar(docked:top,items:button);var panel=