Desperately trying to get it on my own page

API Migration
1

So I have been using the following code to place on my personal website:

<!-- Load the Twitch embed script -->
    <script src="https://embed.twitch.tv/embed/v1.js"></script>
<div class="twitch">
  <div class="twitch-video">
    <iframe
      src="https://player.twitch.tv/?channel=kittiekitsuneko=www.kittiekitsuneko.com&parent=kittiekitsuneko.com&autoplay=false"
      frameborder="0"
      scrolling="no"
      allowfullscreen="true"
      height="100%"
      width="100%">
    </iframe>
  </div>
</div>

And here’s the CSS:
.twitch {
margin-top: 38vw
}

.twitch .twitch-video {
padding-top: 56.25%;
position: relative;
height: 0;
}

.twitch .twitch-video iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
}

Nothing seems to be working and I keep getting an error. :confused: … Please help!

2

Whats the URL to the page with the fault and wahs the error?

3

http://www.kittiekitsuneko.com
i removed it for now, but it kept giving me an error stating it was embedded elsewhere.

4

SSL is required and the URL you presented is over non SSL

So that is likely your issue

As the code you pasted looks correct.

1 Like
5

Ahh, thank you kindly! :smiley: