Embedded All selected Streamers


#1

I’m working on this custom page that allows anyone to add their own stream, How it works is that you type in the name of the page title and then the name of your stream (the last part in the URL) then bang it’s up. But something isn’t right with one of the code or the API has changed.

So under display:

{{if $formValue}}
	<div class="ipsEmbeddedVideo">
    	<iframe frameborder="0" height="487" width="100%" scrolling="no" src="https://player.twitch.tv/?channel=" /iframe>
          </div>
{{endif}}

Rather then added each URL into the database it’s set so that users only need to add there stream account name. But the URL listed above is wrong right?

Here is that page: https://www.baysidegamers.com/twitch-channels/


#2

You may want to refer to the embedding documentation

Rather than a straight iframe

For a straight iframe you want, which is the same as what you currently have

<iframe
    src="https://player.twitch.tv/?<channel, video, or collection>"
    height="<height>"
    width="<width>"
    frameborder="<frameborder>"
    scrolling="<scrolling>"
    allowfullscreen="<allowfullscreen>">
</iframe>

I don’t see anything wrong with your page other than you are not passing a username to the iframe so there is no channel to load.

You actually need to pass in the channel name to https://player.twitch.tv/?channel= so it’s not jsut https://player.twitch.tv/?channel= but https://player.twitch.tv/?channel=esl_dota2 for example


#3

Hello,

@BarryCarlyon Thanks able to get it going plus the chat working!

<iframe
              src="http://player.twitch.tv/?channel={$formValue}&muted=true"
              height="300"
              width="400"
              frameborder="0"
              scrolling="no"
              allowfullscreen="true">
      </iframe>