javascript - 启动 opentok 视频时创建新的 DOM，无法按下按钮

Question

我目前正在使用 opentok 2.2 beta 新版本和 angularJs 1.2.9 开发移动应用

我遇到了视频对话的问题，当我初始化它时，我仍然可以按下按钮来终止，但是当其他用户连接时，一个新的 DOM 是用视频创建的，我无法访问(可以不要按它)结束对话的按钮

我不明白的是，我按照 opentok 文档告诉我的做了，我使用了 "insertmode:replace" ，但它似乎像 "append" 模式创建目标元素的子元素...

来源: http://tokbox.com/opentok/tutorials/subscribe-stream/js/ : -> 订阅流

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>

CSS :

#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;
}

感谢阅读，希望对你有所帮助

Answer 1

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

所以你可以把位置相对于你想和新 child 在一起的对象

即:

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

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

祝你有个美好的一天