利用Video组件播放视频文件：简单示例

 

 

视频尚未播放时,显示一幅图片，单击图片开始播放视频

 

 

 

 

 

 

 

____________________________________________________________________

 

app.js

 

 

launch: function() {
  //-----------------------------利用Video组件播放视频文件--------------------------------------

  //sencha touch2.0中提供一个Video组件,该组件中封装HTML5的video元素,因此可以直接通过该组件在页面中播放视频文件
  
  var video=Ext.create('Ext.Video',{
   fullscreen:true,
   url:['resources/media/BigBuck.m4v','resources/media/BigBuck.webm'],//指定播放视频的url
   loop:true,//是否循环播放,true:循环播放.false:不循环
   posterUrl:'resources/images/4.jpg'//指定视频在尚未播放时所显示的一幅代替图片
  });
  Ext.Viewport.add(video);
  
    },