jQuery Mobile滚动视图，带有嵌入式视频，在滚动动画上移动固定页眉和页脚

Question

我正在尝试在jQueryMobile Scroll视图元素中嵌入youtube视频。我遇到的问题是，当我尝试通过触摸视频区域的屏幕进行滚动时，它移动了滚动列表，但随之拖动了我的固定页眉和页脚。滚动动作完成后，页眉和页脚将返回其主要位置。任何人都可以建议修复。

<meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" >

$("#targetId").append("<iframe scrolling='no' class='youtube-player' style='height:200px;width:100%' src='https://www.youtube.com/embed/oHg5SJYRHA0?html5=1&wmode=opaque'  frameborder='0'><param name='wmode' value='transparent'/></iframe>");