Html 引导模式vimeo播放按钮

我这里有一个JSFIDLE-

我正在使用引导模式加载vimeo视频

我添加了CSS，使视频更大，响应速度更快

我的问题是我在视频中丢失了播放按钮

如果我单击视频，它会播放并停止，但我没有播放按钮

        <!-- video player -->
            <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content embed-responsive embed-responsive-16by9">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        </div>
                        <div class="modal-body">

                          <iframe width="1000" height="528" frameborder="0" allowfullscreen="" class="embed-responsive-item"></iframe>

                        </div>
                    </div>
                </div>
            </div>
            <!-- video player -->

            <div class="container-fluid">
                <div clas="row">

                    <button class="js-play" data-vid="105100455">Video</button>

                </div>  

            </div>  

×
视频

这并不是因为你的按钮不见了，它们只是按得太低了，你看不见

你需要从你的身体上剪下一些填充物

.modal-body {
    ...
    padding-bottom: 49%;
    ...
}

---

是的，我可以更改填充并查看播放btn，但是底部有空白。有没有一种方法可以让它反应灵敏，让播放按钮保持在底部，而不是让白色的空格键检查我的新小提琴。只需将填充物底部向上撞1，就可以去掉底部的白线。我也更新了我的答案