顶部带有 HTML 按钮的 Cordova 插件 iosrtc答案

【问题标题】：Cordova plugin iosrtc with HTML Button on top顶部带有 HTML 按钮的 Cordova 插件 iosrtc
【发布时间】：2018-06-05 06:55:20
【问题描述】：

视频通话是我的 Cordova 应用中的一项功能。它在 android 上运行良好，但我很难将 HTML 按钮放在 IOS 的 UIView 之上。插件 cordova-plugin-iosrtc 的documentation 表示

如果指定的 z-index 为

在我的 HTML 中，我在下面做了

主体{背景颜色：透明}
html {背景颜色：透明}
div.videoElementContainer{ 背景颜色：透明； z-index:-1}
div.buttonContainer{背景颜色：透明； z-index:99}
videoElement{z-index:-1}

html 参考结构如下所示

    <html>
    <head></head>
    <body>
      <div class="videoElementContainer"><video class="videoElement"></video></div>
      <div class="buttonContainer">...</div>
   </body>
    </html>

我参考了以下链接以了解解决方案，但无法实现最终目标。

https://github.com/BasqueVoIPMafia/cordova-plugin-iosrtc/issues/38 https://github.com/BasqueVoIPMafia/cordova-plugin-iosrtc/pull/179

我想我已经接近解决它了，但是缺少一些小东西。请有人帮忙。

PS：在IOS11.x上测试

【问题讨论】：

标签： ios uiview webrtc cordova-plugins

【解决方案1】：

终于可以解决问题了.....

我做的一切都是正确的，但我没有在 CSS 中将 z-index 设置为视频元素的 -1，而是在运行时使用 jQuery 设置 z-index。

不确定是否每个人都这样做，但因为在我的应用程序中，“视频”元素是在运行时创建的，因此插件可能无法有效地获取 CSS 属性。但是我不知道插件的内部结构。

无论如何发布我的解决方案，因为这可能会在将来帮助某人。 :)

【讨论】：