You can embed more than 2 episodes on the same page, but you need to modify the embed code a little bit.


<div id="root">Loading...</div>
<script>
    (function (w, d, s, o, f, js, fjs) {
        w['BuildBubbles-Audio-Player'] = o; w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };
        js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
        js.id = o; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);
    }(window, document, 'script', 'w1', 'https://vasinl124.github.io/buildbubbles-audio-player-widget/build/widget.js'));
    w1('init', { targetElementId: 'root' });
    w1('episodeid', { id: '<episodeId1>', center: true });
</script>

<div id="root2">Loading...</div>
<script>
    (function (w, d, s, o, f, js, fjs) {            
        w['BuildBubbles-Audio-Player1'] = o; w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };
        js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
        js.id = o; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);
    }(window, document, 'script', 'w2', 'https://vasinl124.github.io/buildbubbles-audio-player-widget/build/widget.js'));
    w2('init', { targetElementId: 'root2' });
    w2('episodeid', { id: '<episodeId2>', center: true });
</script>

<div id="root3">Loading...</div>
<script>
    (function (w, d, s, o, f, js, fjs) {            
        w['BuildBubbles-Audio-Player2'] = o; w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };
        js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
        js.id = o; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);
    }(window, document, 'script', 'w3', 'https://vasinl124.github.io/buildbubbles-audio-player-widget/build/widget.js'));
    w3('init', { targetElementId: 'root3' });
    w3('episodeid', { id: '<episodeId3>', center: true });
</script>

Github Gist: https://gist.github.com/vasinl124/b0267e296a36926a3bf370eb523c9857


1. Copy the snippet code above.


2. if you want to add 4 episodes, please changeid="root" to id="root2" id="root3" id="root4" in sequence



3.Change  w['BuildBubbles-Audio-Player'] to w['BuildBubbles-Audio-Player1'] w['BuildBubbles-Audio-Player2'] w['BuildBubbles-Audio-Player3']


4. also change "w1" to "w2" "w3" "w4" on each player


5. Find your episode id in the URL


6. change <episodeId1> to the episode id you wish to embed