我在这里有一个JSFiddle- http://jsfiddle.net/n90Lexgc/
我正在使用引导模态来加载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%;
...
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句