问题描述
快速问题,是否可以在嵌入的电影上显示任何 div由用户切换到全屏?我正在尝试创建一个带有按钮的交互式图层,这些按钮允许在全屏观看电影时执行某些操作。有任何想法吗? 尝试放置 z-indexes,但这不起作用。
<!-- OVERLAY LAYER WITH BUTTON -->
<div class="container-fluid position-fixed bg-dark text-white" style="z-index:99999999; width:500px; bottom:100px; left: 100px;" >
<button class="btn btn-primary">
SOME BUTTON
</button>
</div>
<!-- PLAYER -->
<div class="embed-responsive embed-responsive-16by9 position-relative" style="z-index:100;">
<iframe src="https://player.vimeo.com/video/xxxxxxx" frameborder="0" allow="autoplay; fullscreen" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
</div>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)