title: HTML5 video I want autoplay & muted until sound is initiated, but is permanently muted on iPhone Mobile
body: <p>I have an HTML5 video embeded in a portfolio I want to autoplay &amp; be muted until sound is initiated, so when a user is scrolling down the page it's already playing but there isn't annoying sound for the user. It is working fine on all browsers on my desktop and tablet, however on iPhone mobile the sound is permanently muted, even when a user tries to adjust the volume. Here here's the code I am using, is there some javascript I can implement/use instead that will solve this?</p>
  
  <pre><code>&lt;video id="cla-generic" preload="auto" onclick="this.paused?this.play():this.pause()" autoplay controls muted loop&gt;
  &lt;source src="video.mp4"/&gt;
  &lt;/video&gt;
  </code></pre>