关于iframe（嵌入优酷视频）穿透问题

Question

div作为网页的一张不满全屏的浮动卡片，设置成fixed。在div里嵌入了优酷视频的iframe。

我对div和遮罩层都写上了禁止冒泡的 js 了，正常来说手机端滑动时应该没反应的，但是我滑动优酷视频区域的时候就出现了穿透的现象了，底层可以被滑动了……我在 css 里对iframe设置了overflow: hidden,在 js 里设置了禁止冒泡也是无效的。这个烦了我好久了……

    <div class="embeddedvideo">
        <iframe height="498" width="510" src="http://player.youku.com/embed/XMTgzMDE3NjAzMg==" frameborder="0" 'allowfullscreen'=""></iframe>
    </div>

各位大神烦请支个招！