# Advanced HTML Embeding

**URL:** <https://staging-discuss.dev.twitch.com/t/advanced-html-embeding/20599>\
**Category:** API\
**Created:** [March 20, 2019, 8:26am UTC](https://staging-discuss.dev.twitch.com/t/advanced-html-embeding/20599 "2019-03-20T08:26:21Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![RustTV\_com](https://d1d6mrmdu7ztse.cloudfront.net/user_avatar/staging-discuss.dev.twitch.com/rusttv_com/32/5996_2.png) [@RustTV\_com](https://staging-discuss.dev.twitch.com/u/RustTV_com)\
**Post date:** [March 20, 2019, 8:26am UTC](https://staging-discuss.dev.twitch.com/t/advanced-html-embeding/20599/1 "2019-03-20T08:26:21Z")

</div>

## Goal

I’m attempting to use the Twitch video embed as a Live Video Background WITHOUT he interactive aspects. I have attempted it 2 ways: A) limiting its space in css into a banner section or B) fullscreen no div/sections. I can get the video working using

```auto
    <!-- Add a placeholder for the Twitch embed -->
    <div id="twitch-embed"></div>
    <!-- Load the Twitch embed script -->
    <script src="https://embed.twitch.tv/embed/v1.js"></script>
    <!-- Create a Twitch.Embed object that will render within the "twitch-embed" root element. -->
    <script type="text/javascript">
      new Twitch.Embed("twitch-embed", {
        width: "100%",
        height: "100%",
        channel: "kira",
        theme: "dark",
        chat: "mobile",
        allowfullscreen: "false",
        layout: "video"
      });
    </script>

```

But there are still interactive elements of twitch that interfere with elements of my website (IE: Menubar’s for Live Banner/Landing pages). I’ve tried all I can think of… Am I missing something in the Twitch API to disable any HUD/VOD stuff. I’m hoping to setup hosting on my channel to give my website a fresh and lively background 🙂

---

<div class="post-metadata">

**Author:** ![BarryCarlyon](https://d1d6mrmdu7ztse.cloudfront.net/user_avatar/staging-discuss.dev.twitch.com/barrycarlyon/32/253_2.png) [@BarryCarlyon](https://staging-discuss.dev.twitch.com/u/BarryCarlyon)\
**Post date:** [March 20, 2019, 10:37am UTC](https://staging-discuss.dev.twitch.com/t/advanced-html-embeding/20599/2 "2019-03-20T10:37:42Z")

</div>

> [@RustTV\_com](#):
>
> Am I missing something in the Twitch API to disable any HUD/VOD stuff. I’m hoping to setup hosting on my channel to give my website a fresh and lively background 🙂

No, you can’t do what you describe. Using the approved embed methods.

> **[Embedding Twitch](https://dev.twitch.tv/docs/embed/)**
>
> Embedding Twitch in Your Website

There will always be the player controls and title/status information for the stream

---

<div class="post-metadata">

**Author:** ![RustTV\_com](https://d1d6mrmdu7ztse.cloudfront.net/user_avatar/staging-discuss.dev.twitch.com/rusttv_com/32/5996_2.png) [@RustTV\_com](https://staging-discuss.dev.twitch.com/u/RustTV_com)\
**Post date:** [March 20, 2019, 1:09pm UTC](https://staging-discuss.dev.twitch.com/t/advanced-html-embeding/20599/3 "2019-03-20T13:09:00Z")

</div>

yea thats the code that I posted which is missing from my post now. but same code. i have it set to video only which got rid of chat but looking to remove the mouse-over twitch menu

---

<div class="post-metadata">

**Author:** ![BarryCarlyon](https://d1d6mrmdu7ztse.cloudfront.net/user_avatar/staging-discuss.dev.twitch.com/barrycarlyon/32/253_2.png) [@BarryCarlyon](https://staging-discuss.dev.twitch.com/u/BarryCarlyon)\
**Post date:** [March 21, 2019, 10:44am UTC](https://staging-discuss.dev.twitch.com/t/advanced-html-embeding/20599/4 "2019-03-21T10:44:28Z")

</div>

You cannot remove the mouse over Twitch Menu.

---

<div class="post-metadata">

**Author:** ![system](https://d2spem0quai2ol.cloudfront.net/original/2X/0/05909729875cce3b53e59d5561c4d23bb14948fc.png) [@system](https://staging-discuss.dev.twitch.com/u/system)\
**Post date:** [April 20, 2019, 10:44am UTC](https://staging-discuss.dev.twitch.com/t/advanced-html-embeding/20599/5 "2019-04-20T10:44:30Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.