Javascript Sencha Touch JW播放器不使用多个覆盖层
在我的Sencha touch 2.0应用程序中,我遇到了一个JW javascript视频播放器无法播放的问题,当同时出现两个重叠时,我想看看是否有人能更好地详细说明出现了什么问题或可能是什么原因,这样我就可以试着环顾四周,试图找出到底发生了什么我对Sencha和javascript。我已经加载了该项目,即使它只能在iPad上运行 尝试下面的步骤,以更好地了解我所说的内容,并注意到许多jwplayer事件都记录在javascript控制台中,因此您可以看到发生了什么 1单击主页上的任何面板,将打开带有视频标题说明和javascript视频播放器的覆盖图。您将看到您可以播放视频 2在主屏幕右上角的搜索栏中搜索stem,然后显示带有搜索结果的窗格 3单击任何搜索结果,搜索结果将打开同一视频播放器窗格,但这次您将无法单击播放按钮。这几乎就像pannel不是最上面的元素,但我仍然可以滚动,onTouchStart事件启动,但视频从未启动 有人知道这是什么原因吗?非常感谢您的帮助 这是我的搜索结果覆盖控制器设置Javascript Sencha Touch JW播放器不使用多个覆盖层,javascript,extjs,sencha-touch-2,jwplayer,Javascript,Extjs,Sencha Touch 2,Jwplayer,在我的Sencha touch 2.0应用程序中,我遇到了一个JW javascript视频播放器无法播放的问题,当同时出现两个重叠时,我想看看是否有人能更好地详细说明出现了什么问题或可能是什么原因,这样我就可以试着环顾四周,试图找出到底发生了什么我对Sencha和javascript。我已经加载了该项目,即使它只能在iPad上运行 尝试下面的步骤,以更好地了解我所说的内容,并注意到许多jwplayer事件都记录在javascript控制台中,因此您可以看到发生了什么 1单击主页上的任何面板,将
showStreamSearchPopup: function showStreamPopup(list, index, node, record) {
//alert(record.get('title'));
//var record = getData().getStore().getAt(index);
StreamVideoSearchPlayerOverlay = Ext.Viewport.add({
xtype: 'panel',
modal: true,
hideOnMaskTap: true,
showAnimation: {
type: 'popIn',
duration: 200,
easing: 'ease-out'
},
hideAnimation: {
type: 'popOut',
duration: 200,
easing: 'ease-out'
},
centered: true,
width: '78%',
height: '68%',
styleHtmlContent: true,
listeners: {
painted: function() {
console.log('StreamVideoSearchPlayerOverlay painted');
},
activeitemchange :function() {
console.log('StreamVideoSearchPlayerOverlay activeitemchange');
}
},
items: [{
style: 'padding:1em;',
html:[ "<div class=\"postTitle\">",record.get('title'),"</div><div class=\"postDate\">Added on ",
record.get('date'),"</div><div class=\"postDesc\">",record.get('content'),"</div>"
].join("")
},
{
xtype: 'panel',
layout: 'card',
cls: 'videoPlayeriPad',
items:[{
xtype: 'jwplayer',
playerOptions: {
file: record.get('ipadvideo'),
image: record.get('poster'),
width: 500,
height: 281,
plugins: {
'gapro-1': { accountid: 'UA-23363754-1', idstring: '||title||' }
},
skin: 'http://www.cox7.com/wp-content/mediaplayer/skins/beelden/beelden/glow.xml',
}
}]
}
],
scrollable: true
}
);
StreamVideoSearchPlayerOverlay.show();
StreamVideoSearchPlayerOverlay.setActiveItem(2);
},
这里是我的控制器设置为正常的主屏幕资产覆盖
showStreamPopup: function showStreamPopup(list, index, node, record) {
//alert(record.get('title'));
//var record = getData().getStore().getAt(index);
StreamVideoPlayerOverlay = Ext.Viewport.add({
xtype: 'panel',
modal: true,
hideOnMaskTap: true,
showAnimation: {
type: 'popIn',
duration: 200,
easing: 'ease-out'
},
hideAnimation: {
type: 'popOut',
duration: 200,
easing: 'ease-out'
},
centered: true,
width: '78%',
height: '68%',
styleHtmlContent: true,
listeners: {
painted: function() {
console.log('StreamVideoPlayerOverlay painted');
},
activeitemchange :function() {
console.log('StreamVideoPlayerOverlay activeitemchange');
}
},
items: [{
style: 'padding:1em;',
html:[ "<div class=\"postTitle\">",record.get('title'),"</div><div class=\"postDate\">Added on ",
record.get('date'),"</div><div class=\"postDesc\">",record.get('content'),"</div>"
].join("")
},
{
xtype: 'panel',
layout: 'card',
cls: 'videoPlayeriPad',
items:[{
xtype: 'jwplayer',
playerOptions: {
file: record.get('ipadvideo'),
image: record.get('poster'),
width: 500,
height: 281,
plugins: {
'gapro-1': { accountid: 'UA-23363754-1', idstring: '||title||' }
},
skin: 'http://www.cox7.com/wp-content/mediaplayer/skins/beelden/beelden/glow.xml',
}
}]
}
],
scrollable: true
}
);
StreamVideoPlayerOverlay.setActiveItem(2);
StreamVideoPlayerOverlay.show();
}