Jump to content

Positioning of embedded Twitch stream.

Recommended Posts

Site URL: https://www.6storm.com/live

I'm currently using this code to embed a Twitch livestream and chat and it looks great for eventually I want to add a bunch of channels onto that page. The only issue I'm having is figuring out how to move/position each embed accordingly. No matter which section you place the embed on it will automatically default position once you save/preview.

*PS I don't know a lick about coding besides copy pasta lol, learning as I go here. I tried asking professor Google already but none of those answers worked.

This is the code I'm using right now:

<html>
  <body>
    <!-- Add a placeholder for the Twitch embed -->
    <div id="twitch-embed"></div>

    <!-- Load the Twitch embed JavaScript file -->
    <script src="https://embed.twitch.tv/embed/v1.js"></script>

    <!-- Create a Twitch.Embed object that will render within the "twitch-embed" element -->
    <script type="text/javascript">
      new Twitch.Embed("twitch-embed", {
        width: 360,
        height: 600,
        channel: "monstercat",
        // Only needed if this page is going to be embedded on other websites
        parent: ["embed.example.com", "othersite.example.com"]
      });
    </script>
  </body>
</html>

 

 

Link to comment
  • Replies 1
  • Views 229
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.