You will have an easier time, if you use the "Title" field for just text, and put the audio files into either the quiz subtitle, JCloze -> Options -> Configure Output -> Titles/Instructions, or the reading.
To this end, I respectfully make the following suggestions:
In the "intro_to_grammar.htm" file, locate the following code:
<!-- BeginTopNavButtons -->
<table cellpadding="0px" border="0px" cellspacing="0px" style="width:100%">
<colgroup span="1" width="15%">
<colgroup span="1" width="70%">
<colgroup span="1" width="15%"></colgroup>
<tr>
<td style="margin-bottom:0px">
<img src="logo.jpg" alt="" /></td>
<td align="center"><h2 class="ExerciseTitle"> Introduction to grammar. <object ...> ... </object></h4> </h2></td>
</tr>
</table>
<!-- EndTopNavButtons -->
<div class="Titles">
</div>
And change it to this:
<div class="Titles">
<table cellpadding="0px" border="0px" cellspacing="0px" width="100%">
<tr>
<td rowspan="2" width="200"><img src="logo.jpg" alt="logo.jpg" /></td>
<td align="center"><h2 class="ExerciseTitle"> Introduction to grammar.</h2></td>
</tr>
<tr>
<td align="center"><h3 class="ExerciseSubtitle">
<object ... > ... </object></h3></td>
</tr>
</table>
</div>
More fundamentally, I suggest you change the layout of the titles in the *templates* which produce your quizzes, to the following:
<div class="Titles">
<table cellpadding="0px" border="0px" cellspacing="0px" width="100%">
<tr>
<td rowspan="2" width="200"><img src="logo.jpg" alt="logo.jpg" /></td>
<td align="center"><h2 class="ExerciseTitle">[strExerciseTitle]</h2></td>
</tr>
<tr>
<td align="center"><h3 class="ExerciseSubtitle">[strExerciseSubtitle]</h3></td>
</tr>
</table>
</div>
Then put your mp3 player in the "subtitle" of the quiz and keep the titles containing only text.
HTH
Gordon