代码之家  ›  专栏  ›  技术社区  ›  sashang

将opentok react video设置为使用封闭div的全高

  •  0
  • sashang  · 技术社区  · 6 年前

    我在用 https://www.npmjs.com/package/opentok-react

    #videos {
        position: fixed;
        right: 0;
        bottom: 0;
        width: auto;
        height: auto;
        z-index: -100;
        min-width: 100%;
        min-height: 100%;
        overflow: hidden;
        //min-height: 720px;
        //margin-left: auto;
        //margin-right: auto;
    }
    #subscriber {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
    }
    #publisher {
        position: absolute;
        width: 360px;
        height: 240px;
        bottom: 10px;
        right: 10px;
        z-index: 100;
        border: 3px solid white;
        border-radius: 3px;
    }
    

    问题是当我将道具传递给订阅服务器组件时 width 100% height 100%

    0 回复  |  直到 6 年前
        1
  •  0
  •   Manik    6 年前

    这里是TokBox开发者的传道者。

    Opentok-React 库指定 OTPublisherContainer OTSubscriberContainer 类的DOM元素,因此请使用它们分别为发布者和订阅者设置样式。您可以在以下库代码中看到:

    我也已经提出了 issue on the repo