Плагин Cordova iosrtc с кнопкой HTML сверху - PullRequest
0 голосов
/ 05 июня 2018

Видеозвонок - это функция в моем приложении Cordova.На Android это работает нормально, но мне трудно поместить HTML-кнопки поверх UIView в IOS. документация плагина cordova-plugin-iosrtc говорит

, если указанный z-индекс <0 (то есть элементы видео будутрасположен "за" веб-представлением), вы должны указать цвет фона как прозрачный, чтобы элемент видео был виден через веб-представление. </p>

В моем HTML-коде я сделал ниже

  • body {background-color: прозрачный}
  • html {background-color: прозрачный}
  • div.videoElementContainer {background-color: прозрачный;z-index: -1}
  • div.buttonContainer {background-color: прозрачный;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

1 Ответ

0 голосов
/ 05 июня 2018

Наконец-то я смог решить проблему .....

Я все делал правильно, но вместо того, чтобы установить z-index как -1 элемента видео в CSS, мне пришлось установить z-index с помощью jQueryво время выполнения.

Не уверен, что все делают то же самое, но потому что в моем приложении элемент "video" создается во время выполнения, поэтому плагин может эффективно не использовать свойства CSS.Тем не менее, я не имею ни малейшего представления о внутренностях плагина.

В любом случае, выкладываю свое решение, так как это может помочь кому-то в будущем.:)

...