Javascript 启动opentok视频时创建新DOM，使按钮无法按下

我目前正在用opentok 2.2测试版和angularJs 1.2.9开发一个移动应用程序

我在视频对话中遇到了问题，当我初始化它时，我仍然可以按下按钮终止对话，但是当其他用户连接时，会用视频创建一个新的DOM，我无法再访问（无法按下）按钮终止对话

我不明白的是，我做了opentok文档告诉我的事情，我使用了“insertmode:replace”，但它似乎像“append”模式一样工作，创建了目标元素的子元素

来源：：->订阅流

Javascript:

    var publisher = TB.initPublisher($scope.apiKey, 'layoutContainer');
    var session = TB.initSession($scope.apiKey, $scope.sessionId);
    session.on({
        streamCreated: function (event) {
            var subscriberProperties = {insertMode: "replace"};
            session.subscribe(event.stream, 'layoutContainer', subscriberProperties, function (error) {
                if (error) {
                    console.log(error);
                } else {
                }
            });
    });
    session.connect($scope.token, function () {
        session.publish(publisher);
    })

这里是HTML:

 <div class="main_view">
   <div id="layoutContainer"></div>

   <div id="boutonLayout">
       <div style="text-align:center; margin-top: 5% ;height: 70px;">
          <form name="sessionVideo" ng-submit="endCall()" novalidate>
              <div style="text-align:right; width:300px; bottom:80px;">
                  <input id="endCall"
                         style="width:150px; font-size: 14px; height:50px; font-weight: bold; background-color: dodgerblue"
                       type="submit"
                       value="terminer l'appel"/>
              </div>
          </form>
      </div>
  </div>

#layoutContainer {
 background-color: #e3e3e3;
 position:absolute;
 top:5%;left:5%;right:5%;bottom:20%;
}

#boutonLayout {
 position:absolute;
 top:80%;left:5%;right:5%;bottom:0%;
}

.main_view{
position: absolute;
top:5%; left:0; right:0; bottom:0;
background-color: #FDFDFD;
}

---

感谢阅读，希望你能帮助我

okai，我找到了解决方案，cordova的opentok插件还没有实现“insertmode”功能

因此，您可以将位置设置为相对于要与新子对象在一起的对象

即：

这是我等待此功能发布的临时解决方案

祝你今天愉快

#boutonLayout {
 position:relative;
 top:80%;left:5%;right:5%;bottom:0%;
}