如何在Cordova Opentok插件中隐藏/显示视频以便在Ionic中进行视频通话？

Question

我正在将此Opentok插件用于Ionic应用程序中的视频通话功能。我必须根据特定条件在单个屏幕上隐藏/显示视频，但无法从给定的插件链接中找到任何帮助。

https://github.com/opentok/cordova-plugin-opentok

尝试使用CSS类隐藏视频

.OT_root video {
   display: none !important;
}

但是它不起作用。

Answer 1

此处的TokBox开发人员传播者（我也帮助维护Cordova OpenTok plugin）。

Cordova OpenTok插件使用本机OpenTok SDK，并将Publisher和Subscriber的本机iOS和Android视图放置在WebView div元素的顶部。这意味着本机视图叠加在DOM中创建的div元素上。

应用CSS更改后，必须调用OT.updateViews将此信息中继到本机层，以指示视图已更改。 updateViews方法将JS桥上的DOM位置，宽度，高度等发送到本机层，然后使用该信息适当地更新本机视图。

您可以执行以下操作：

document.getElementById('publisher').style = 'display: none !important;';
OT.updateViews();

请注意，在上面的代码中，我们假设publisher div元素的ID设置为publisher。您可以将代码更改为已设置的代码。

请注意，隐藏视图只会将其从屏幕上隐藏，但不会停止发布视频。要停止发布，请使用session.unpublish(publisher)或publisher.destroy。