Vline - 无论如何要防止连接面板覆盖浏览器?

时间:2014-07-07 19:05:16

标签: css vline

我在我的网站上使用vline php进行视频聊天,视频通话没有问题,

但每次当user1呼叫user2时,在user2接听电话后,用户1的浏览器中会出现一个灰色的大屏幕,其中一个中心框表示"连接用户2"。用户1的视频聊天屏幕将保留大灰色屏幕,这确实会影响用户1的图像清晰度。在user2的浏览器中,只有视频聊天屏幕没有问题。

所以问题是,无论如何要删除呼叫者的灰色屏幕?

我使用了chrome" Inspect element"并且发现灰色面板是由vline.css引入的div,看起来像这样:

    <div class="vl-not-dialog-bg" aria-hidden="true" style="opacity: 1; width: 1343px; height: 240px;"></div>

我编辑了#34;不透明度:0&#34;使用&#34;检查元素&#34;并且面板成功消失,因此我尝试使用以下代码在startmedia之前更改div样式:

    if(button.hasClass('active')){
              var cusid_ele = document.getElementsByClassName('vl-not-dialog-bg');
              for (var i = 0; i < cusid_ele.length; ++i) {
              var item = cusid_ele[i];  
              item.style.opacity = 0;
              }

            person.startMedia();
            }

但没有运气,灰色面板在呼叫者拨打电话时仍然存在,再次检查div的不透明度,仍然不透明:1,所以我该怎么做,如何更改来自{{3的css元素}}?

任何帮助都会很棒。

0 个答案:

没有答案