TOPIC:

I created a LO using Navigators > Slideshow with several nested pages. Inside each nested page, I added the following to the source code:

<div id="audioHolder"> 
</div>
<script>$("#audioHolder").mediaPlayer({type: "audio",width:"300px",source: FileLocation+ 'media/01.mp3'});</script>

It works fine in the first nested page, but not the subsequent ones. When numbering the audioHolder tag to 1,2,3, etc., the audio player functions but the interface separates into various parts.

Does anyone have a work around for this? Thanks in advance for your comments.

Hi
you do need to name each holder uniquely so you were right to try audioHolder1, audioHolder2 etc but try making the width 400px rather than 300px. I think there's a minimum width in which the default audio player and styling and controls will fit.

Here's a quick test showing it working: training.mitchellmedia.co.uk/xot/play.php?template_id=326

HTH
Ron

Worked like a charm. Thank you Ron!