Плагин Cordova iosrtc с кнопкой HTML наверху
Видеозвонки - это функция в моем приложении Cordova. Он отлично работает на Android, но мне трудно разместить кнопки HTML поверх UIView в IOS. документация плагина Кордова-плагин-iosrtc говорит
if the specified z-index is < 0 (that, is, the video elements will be positioned "behind" the web view), you should specify the background-color as transparent so the video element will be seen through the web view.
В моем HTML я сделал ниже
- тело {background-color: transparent}
- html {background-color: transparent}
- div.videoElementContainer {цвет фона: прозрачный; z-index: -1}
- div.buttonContainer {цвет фона: прозрачный; z-индекс: 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/38https://github.com/BasqueVoIPMafia/cordova-plugin-iosrtc/pull/179
Думаю, я близок к тому, чтобы решить эту проблему, но не хватает чего-то небольшого. Пожалуйста, помогите кому-нибудь.
PS: Тестирование на IOS11.x
Ответы 1
Наконец-то я смог решить проблему ...
Я делал все правильно, но вместо того, чтобы устанавливать z-index как -1 элемента видео в CSS, мне пришлось установить z-index с помощью jQuery во время выполнения.
Не уверен, что все делают то же самое, но потому, что в моем приложении элемент «видео» создается во время выполнения, поэтому свойства CSS могут не эффективно использоваться плагином. Однако я понятия не имею о внутреннем устройстве плагина.
В любом случае отправляю свое решение, так как это может помочь кому-то в будущем. :)