How to solve the problem when a scroll bar appears after calling ifram nesting on the EasyGBS sharing interface of the national standard GB28181 protocol video platform?

The video platform EasyGBS, which supports the national standard GB28181 protocol, is now the first choice of many project teams, and its security, stability, and reliability are at the forefront of the industry. EasyGBS About the interface EasyGBS page nesting , I made a simple sharing for everyone in the previous article, and there is another way, which is to use iframe for nesting.

EasyGBS architecture 2.5D.png

Recently, the R&D team of TSINGSEE Qingxi Video called iframe nesting on the sharing interface of EasyGBS, and scroll bars appeared on the side. In theory, there should be no scroll bars after the screen is full, so there may be an adaptation problem here.

42.png

After trial analysis, it is concluded that the player integrated in EasyGBS does not inherit the width and height of the parent box when the iframe is nested, so it does not achieve adaptive layout.

You can adjust the following code to determine whether it is ifarm nesting to generate players with different attributes, that is, change the Height attribute of the player.

  this.shareUrl = location.href;
    if (this.iframe) {
      var playerParams = {
        cbUserPtr: this,
        decodeType: "auto",
        openAudio: 1,
        BigPlay: false,
        Height: true,
      };
      this.new265video = new WasmPlayer(
        null,
        "NewPlaye33r",
        this.callbackFun,
        playerParams
      );
    }

After adjustment, you can see that there is no scroll bar on the interface.

43.png

If you are interested or have questions about the use of EasyGBS, you can leave a message under this blog post. For video related solutions, you can visit TSINGSEE Green Rhino Video . You can contact us for a demonstration program, intuitive experience, or free to download and test. If you have any questions, please feel free to consult us.

EasyGBS architecture 2.5D.png

Guess you like

Origin blog.csdn.net/EasyGBS/article/details/108626694