Javascript YouTube iFrame因页边距而无法链接（引导）

我的YouTube iFrame有一个问题：当我设置边距（负边距）时，它变得不可点击。这不是我想要的！我希望访问者能够在我的网站上播放视频

为了添加更多的上下文，它是一个引导网站，视频在时间轴中。我设置了负边距，这样就不会在页面上丢失空间。如果我没有设置边距，我会得到一个左边的项目-右边的所有内容都是空白的-，然后在滚动到第一个项目的末尾后，我会得到右边的第二个项目-但左边的所有内容都是空白的，依此类推。。。 我尝试使用相对和绝对位置，但在引导时间线中不起作用（当我更改它时，每个项目都崩溃在一起）

你对这个问题有什么想法或线索吗

以下是我的HTML的外观：

<li style="margin-top: -140px">
      <div class="timeline-badge"><i class="fa fa-gamepad" id="round"></i></div>
      <div class="timeline-panel">
        <div class="timeline-heading">
          <h4 class="timeline-title">Solitaire Android app</h4>
          <p><small class="text-muted"><i class="glyphicon glyphicon-time"></i> November 2016 - Work in Progress</small></p>
        </div>
        <div class="timeline-body">
          <p style="margin-bottom: 10px;">This solitaire card game is an Android application, that tells the player when there is no more move to do.
          This feature exists on iOS but not on Android, as far as I know. 
          So I wanted to do this to avoid the player to lose time in looking for a solution that does not exist.
          You can play by dragging and dropping cards on the screen.
          I plan to publish it on the Play Store! </p>
            <div class="embed-responsive embed-responsive-16by9">
            <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/A2nMAct2w88"></iframe>
          </div>
          <p style="margin-top: 10px;"><i>Technologies used: Java, Android</i></p>
        </div>
      </div>
    </li>

单人纸牌Android应用程序
2016年11月-在建工程

这款纸牌游戏是一款Android应用程序，它告诉玩家什么时候没有更多的动作要做。
据我所知，这个功能存在于iOS上，但不存在于Android上。
所以我想这样做是为了避免玩家在寻找不存在的解决方案时浪费时间。
你可以通过在屏幕上拖放卡片来玩游戏。
我打算在Play Store上发布它

使用的技术：Java、Android

这里是我的WIP网站的链接，如果有帮助的话：）

---

你是在说“单人纸牌Android应用程序”中的小视频吗

如果是这样的话，它是相对定位在“覆盖”它的其他相对/绝对定位的事物中的

给出.az-index:1