Question

视频通话是我的Cordova应用中的一项功能。它在Android上工作正常，但我很难在IOS的UIView上放置HTML按钮。 documentation插件 cordova-plugin-iosrtc 表示

如果指定的z-index是＆lt; 0（即，视频元素将定位在＃34;后面＆＃34; Web视图），您应该将背景颜色指定为透明，以便通过Web视图查看视频元素。

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

body {background-color：transparent}
html {background-color：transparent}
div.videoElementContainer {background-color：transparent;的z-index：-1}
div.buttonContainer {background-color：transparent;的z-index：99}
videoElement {z索引：-1}

html参考结构是下面的similer

    <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上进行测试

Answer 1

最后我可以解决这个问题......

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

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

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

Cordova插件iosrtc顶部带有HTML按钮

1 个答案: