• Hey Guest, we're evolving the future of TeaSpeak.
    You're invited to join the discussion here!

Release Iframe for embedding webclient on any website

BIOS

TeaSpeak Team
Staff member
TeaTeam
Step 1:

so insert the iframe in your website

Code:
<iframe name="Framename" src="https://web.teaspeak.de/" width="800" height="600" frameborder="0" scrolling="auto" class="frame-area">
</iframe>
Step 2:

to position the iframe use css.

Code:
.frame-area {
  display: block;
  width: 100%;  /* RESPONSIVE WIDTH */
  max-width: 600px;
  height: 700px;
  overflow: auto;  /* EDIT TO hidden FOR NO SCROLLBAR */
  border: #999999 1px solid;
  margin: 0px;
  padding: 0px;
  }
Info:

If you do not have a global css file, add the above code to the head section of your webpage just before the </head> tag between the following tags.

<style type="text/css">

/* css code goes here */

</style>

demo without css her: https://voice4you.org/webclient.html
 
Last edited: