# Desperately trying to get it on my own page

**URL:** <https://discuss.dev.twitch.com/t/desperately-trying-to-get-it-on-my-own-page/32170>\
**Category:** Migration\
**Created:** [June 17, 2021, 10:04pm UTC](https://discuss.dev.twitch.com/t/desperately-trying-to-get-it-on-my-own-page/32170 "2021-06-17T22:04:56Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![KittieKitsuneko](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/kittiekitsuneko/32/12564_2.png) [@KittieKitsuneko](https://discuss.dev.twitch.com/u/KittieKitsuneko)\
**Post date:** [June 17, 2021, 10:04pm UTC](https://discuss.dev.twitch.com/t/desperately-trying-to-get-it-on-my-own-page/32170/1 "2021-06-17T22:04:57Z")

</div>

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

```auto
<!-- 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. 😕 … Please help!

---

<div class="post-metadata">

**Author:** ![BarryCarlyon](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/barrycarlyon/32/253_2.png) [@BarryCarlyon](https://discuss.dev.twitch.com/u/BarryCarlyon)\
**Post date:** [June 17, 2021, 10:11pm UTC](https://discuss.dev.twitch.com/t/desperately-trying-to-get-it-on-my-own-page/32170/2 "2021-06-17T22:11:19Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![KittieKitsuneko](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/kittiekitsuneko/32/12564_2.png) [@KittieKitsuneko](https://discuss.dev.twitch.com/u/KittieKitsuneko)\
**Post date:** [June 18, 2021, 12:03am UTC](https://discuss.dev.twitch.com/t/desperately-trying-to-get-it-on-my-own-page/32170/3 "2021-06-18T00:03:45Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![BarryCarlyon](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/barrycarlyon/32/253_2.png) [@BarryCarlyon](https://discuss.dev.twitch.com/u/BarryCarlyon)\
**Post date:** [June 18, 2021, 12:15am UTC](https://discuss.dev.twitch.com/t/desperately-trying-to-get-it-on-my-own-page/32170/4 "2021-06-18T00:15:06Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![KittieKitsuneko](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/kittiekitsuneko/32/12564_2.png) [@KittieKitsuneko](https://discuss.dev.twitch.com/u/KittieKitsuneko)\
**Post date:** [June 18, 2021, 12:54am UTC](https://discuss.dev.twitch.com/t/desperately-trying-to-get-it-on-my-own-page/32170/5 "2021-06-18T00:54:45Z")

</div>

Ahh, thank you kindly! 😃
