title: Marquee stop on page load and start with button
body: <p>I have a marquee on the page (that scrolls the page), it scolls directly when you start the page. But i want it to scroll when i push the button, so not to scroll directly. It corresponds with an audio file (song text). What do i need to add to stop the text scrolling directly on the page enter.</p>
  
  <p>This is the marquee:</p>
  
  <pre><code>&lt;marquee behavior="scroll" height="100%" vspace="0%" direction="up" id="mymarquee" scrollamount="0" scolldelay="1000" loop="1"&gt; SONG TEXT GOES HERE &lt;/marquee&gt;
  </code></pre>
  
  <p>and these are the buttons i would like to connect to the above script with the audio function in place so the marquee does not scroll when you enter the page and starts scrolling when you push the play-button and pauses when you click the button again etc.</p>
  
  <pre><code>&lt;div id=audioplay&gt;
  &lt;div id="HTML5Audio"&gt;&lt;audio id="myaudio"&gt;&lt;/audio&gt;
  &lt;input id="audiofile" type="text" value="" style="display: none;"/&gt;
  
  &lt;img id="off" src="images/general/sound-off.png" width="40" height="32" onClick="show('on'); hide('off'); playAudio(); document.getElementById('mymarquee').start();" alt="on"&gt;
  
  &lt;img id="on" src="images/general/sound-on.png" width="40" height="32" onClick="show('pause'); hide('on'); pauseAudio(); document.getElementById('mymarquee').stop();" style="display:none;" alt="off"&gt;
  
  &lt;img id="pause" src="images/general/sound-pause.png" width="40" height="32" onClick="show('on'); hide('pause'); playAudio(); document.getElementById('mymarquee').start();" style="display:none;" alt="on"&gt;
  
  &lt;/div&gt;     
  ​&lt;/div&gt;
  </code></pre>