Button youtube视频阻止移动浏览器上的按钮

你能帮我解决以下问题吗 我的网站上有一个youtube视频

<iframe width="400" height="225" src=http://www.youtube.com/embed/jKIfjiIjd?
rel=0&  color=white&iv_load_policy=3&theme=light" frameborder="0" allowfullscreen></iframe>

---

我对YouTube iFrame有着完全相同的问题。我一整天都在测试。这就是我现在的处境：

问题在于YouTube iFrame中的元素

<video class="video-stream html5-main-video" controls="true" 
x-webkit-airplay="allow" data-youtube-id="..............."></video>



如果“display:none”，则将其更改为“top:0”。它解决了这个问题

但是，由于它在iFrame中，我不知道如何更改它
 要添加到本次讨论中，请在此处附上一个链接，链接到该问题的一部分：


//
youtube iframe有一个视频标签，在iPad上可以阻止触摸iframe下方的元素。
点击视频下方，您将不会看到颜色变化。
additional info，看起来视频无形中保持了youtube视频的原始高度（480），并阻止了视频顶部下方的每个元素480px。additional info，按钮在视频播放（或完成播放）时起作用，就像在播放之前，它的高度为480px（即使我看到确定的250px）在开始之后，转到了这个上的250px.Google线程。
<video class="video-stream html5-main-video" controls="true" 
x-webkit-airplay="allow" data-youtube-id="..............."></video>

//<script src="http://www.youtube.com/player_api"></script>
<h1>The youtube iframe has a video tag which on iPad blocks touches on elements beneath  the iframe.<br><em>tap below the video and you will see no color change.</em></h1>
<div id="vid-placeholder"></div>
<div id="bg"></div>