如何解决Div over 全屏 iframe 嵌入式电影
快速问题,是否可以在嵌入的电影上显示任何 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 举报,一经查实,本站将立刻删除。