Wowza Community

Various embedded players

Hi, How can 2 players embed on the same page? If I put the same id = ‘wowza_player’ only one will work.


Hola, Cómo se pueden embeber 2 players en la misma página? Si pongo mismo id=‘wowza_player’ sólo funcionará uno.

Your div id’s for the players have to be different so you can assign two different streams to each one. For example: div1 and div 2. The div ID in the embed code is unique to each player.

An example below which has two players in it.

<html>
  <head>
    <meta data-fr-http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Wowza Player Builder TEST</title>
<script type="text/javascript" src="//player.wowza.com/player/latest/wowzaplayer.min.js"></script>
  </head>
  <body>

<div id="playerElement01" style="width:1280px; height:720px; padding:0"></div>
<script type="text/javascript">
WowzaPlayer.create('playerElement01',
    {
    "license":"PLAY1-XXXX-XXXX-xVfWR-FK8jH-XXXXX",
    "title":"",
    "description":"",
    "sourceURL":"https.XXXXXXXXXXXplaylist.m3u8",
    "autoPlay":false,
    "volume":"75",
    "mute":false,
    "loop":false,
    "audioOnly":false,
    "uiShowQuickRewind":true,
    "uiQuickRewindSeconds":"30"
    }
);
</script>

<div id="playerElement02" style="width:1280px; height:720px; padding:0"></div>
<script type="text/javascript">
WowzaPlayer.create('playerElement02',
    {
    "license":"PLAY1-XXXXX-XmXHh-XXXXX-FK8jH-XXXXX",
    "title":"",
    "description":"",
    "sourceURL":"https.XXXXXXXXXXXXX.playlist.m3u8",
    "autoPlay":false,
    "volume":"75",
    "mute":false,
    "loop":false,
    "audioOnly":false,
    "uiShowQuickRewind":true,
    "uiQuickRewindSeconds":"30"
    }
);
</script>
<script type="text/javascript">
WowzaPlayer.create('playerElement03',
    {
    "license":"PLAY1-XXXXX-XmXHh-XXXXX-FK8jH-XXXXX",
    "title":"",
    "description":"",
    "sourceURL":"https.XXXXXXXXXXXXXXXXXXX.m3u8",
    "autoPlay":false,
    "volume":"75",
    "mute":false,
    "loop":false,
    "audioOnly":false,
    "uiShowQuickRewind":true,
    "uiQuickRewindSeconds":"30"
    }
);
</script>
</body>
</html>

For each player, the beginning div itself shows a unique “id”, when that’s added, it allows the HTML5 player to load unique instances based on the ID.

Okay. Thanks, but then we can’t modify the parameters from Control Panel at “https://cloud.wowza.com/” like “Countdown Clock”, “Start Live”, etc. How can we do it to put 2 players on the same page and continue driving with the control panel on the cloud.wowza website?


Ok. Gracias, pero entonces no podemos modificar los parámetros desde Panel de control en “https://cloud.wowza.com/” como “Countdown Clock” , “Start Live”, etc. ¿Cómo podemos hacerlo para poner 2 players en la misma página y seguir manejando con panel de control en la web de cloud.wowza ??