Extjs Sencha Touch 2 activeitemchange侦听器，用于旋转木马中的视频

我有一个旋转木马，由15个面板组成。每个面板包含一个音频样本、一个图像和一个总计150kb的本地视频。它可以工作，但我在快速滑动时会遇到性能问题。这可能与视频不会自动暂停有关，当滑动到新面板时，默认设置为true。我想以前的面板和他们的视频关闭在刷卡。我通过一个activeitemchange监听器为音频样本做到了这一点。我不能把它用于视频

我做错了什么？请帮忙

Ext.define('Test.view.Card',{
extend: 'Ext.Carousel',
id: 'gebarencarousel',
xtype:'cardpanel',
fullscreen : true,

config:{
    title: 'Speel',
    iconCls: 'star',
    store: Ext.create('Test.store.Gebaar'),

 listeners:{
    activeitemchange:function()
     {
        var activeIndex = this.getActiveIndex();           
        document.getElementById(activeIndex).play();
        document.getElementById(activeIndex-1).pause();
        console.log('video'+activeIndex);
//          document.getElementById('video'+activeIndex-1).stop(); 
     }
        },

    items:[

// -------------------------------- 1 ------------------------------------------------
       {
            html: ["<audio id=\"1\"><source src=\"resources/images/hond.mp3\" ></audio>"].join(""),
            layout: {
            type: 'vbox'                       
            },
            items: [
                {
                    flex:521,
                    xtype: 'image',
                    src: 'resources/images/hond.png'                    
                },                                      
                {
                    flex:432,
                    height: 432,
                    xtype: 'video',
                    id:'video1',
                    url: 'resources/images/hond.mp4',
                    posterUrl: 'resources/images/bekijkgebaar.png',
                    loop: true,
                    enableControls: false,
                    autoResume: true
                }]},

// -------------------------------- 2 ------------------------------------------------
etc. 

---

我在视频元素中添加了一个侦听器：

listeners: {
                        tap: {
                            fn: function ()
                        {
                            var myVideo = document.getElementById('video1'); 
                            if (myVideo.paused) 
                                myVideo.play(); 
                            else 
                                myVideo.pause(); 
                        },
                        element: 'element'
                    },
                    swipe: {
                            fn: function() {
                                var swipeVideo = document.getElementById('video1');
                                swipeVideo.pause();
                            },
                            element: 'innerElement'
                    }
                    }