First off since using the JS lib, you can omit parent: ["embed.example.com", "othersite.example.com"] completely
Checking your source code you have the JS call to create a player in the code Twitce.
Looking at your code, you have two blocks that are identical.
Two calls to create a player, wiht both calls targetting the same div id
And your div is in the code twice with the same ID.
Hence you got unexepected results.
So you need
<div id="player_one"></div>
<script>
var options = {
width: 1280,
height: 720,
channel: "xphsl"
};
var player = new Twitch.Player("player_one", options);
player.setVolume(0.5);
</script>
<div id="player_two"></div>
<script>
var options = {
width: 1280,
height: 720,
channel: "xpesportstv"
};
var player = new Twitch.Player("player_two", options);
player.setVolume(0.5);
</script>
Then put the divs wherever is relevant on the page.
(don’t forget to put the embed.js in the header/somewhere on the page)