Preface: I’ve looked through various coding examples of how to implement twitch’s chat and video embeds into the site both on twitch and wordpress.
here is the testing ground that i’m using to eventually make a proper page that doesn’t use shortcode (which worked on the home page for site)
tests were done for embeds, html code, and for generic codes on the site. None worked.
I will attach screenshots as well as full list of codes tried.
https://www.twitch.tv/ninja25dre
twitch test code block
<script src= "https://player.twitch.tv/js/embed/v1.js"></script>
<div id="<player div ID>"></div>
<script type="text/javascript">
var options = {
width: <400>,
height: <400>,
channel: "<Ninja25Dre>",
parent: ["ninja25dre.wordpress.com"]
};
var player = new Twitch.Player("<player div ID>", options);
player.setVolume(0.5);
</script>
https://player.twitch.tv/?channel=ninja25dre
iframe test
<iframe src="https://player.twitch.tv/?channel=ninja25dre&parent=www.example.com" frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620"></iframe>
test code
<script src="http://player.twitch.tv/js/embed/vs.js"><script>
<div id="mystream">
</div>
<script type="text/javascript">
var options = {
width: 300
height: 250
channel: "Ninja25Dre",
parent: ["ninja25dre.wordpress.com"]
//video: "<video ID>",
//collection: "<collection ID>",
];
var player = new Twitch.Player("mystream", options);
player.setVolume(.5);
</script>
test html
container test
.container {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%;
}
.responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
<div class="container">
<iframe class="responsive-iframe" src="https://player.twitch.tv/?<Ninja25Dre>&parent=ninja25dre.wordpress.com"></iframe>
</div>
chat tests
html
code
<iframe src="https://www.twitch.tv/embed/Ninja25Dre/chat?parent=ninja25dre.wordpress.com"
height="700"
width="700">
</iframe>
video
end
sorry, i really don’t have a great idea of what i was doing wrong and why things weren’t loading