<head>
<meta http-equiv="default-src * 'unsafe-inline' 'unsafe-eval'; script-src * 'unsafe-inline' 'unsafe-eval'; connect-src * 'unsafe-inline'; img-src * data: blob: 'unsafe-inline'; frame-src *; style-src * 'unsafe-inline';">
</head>
<body>
<div id = "twitchy"> </div>
</body>
<script src= "https://player.twitch.tv/js/embed/v1.js"></script>
<div id="twitchy"></div>
<script type="text/javascript">
var options = {
width: 640,
height: 480,
channel: "jdredd3800",
parent : ["localhost"]
// only needed if your site is also embedded on embed.example.com and othersite.example.com
};
var player = new Twitch.Player("twitchy", options);
player.setVolume(0.5);
</script>
If I use the above I get the following
