title: Why does video.js interfere with html5 video 'muted'
body: <p>I am using the following video tag on a page so that when the user changes volume it is remembered for subsequent video viewings -</p>
  
  <pre><code>&lt;video class="video-js vjs-default-skin" controls preload="none" id="video1" data-setup="{}" onvolumechange="setVolume(this.volume,this.muted)"&gt;
  </code></pre>
  
  <p>setVolume calls a function that does the storing and retrieving of the volume levels.</p>
  
  <p>If I use</p>
  
  <pre><code>data-setup="{}" onvolumechange="setVolume(this.volume)"
  </code></pre>
  
  <p>the volume levels are remembered except for if the mute button is pressed. I can omit <em>data-setup="{}"</em> and it will work the same</p>
  
  <p>The problem I am having is when I use the following</p>
  
  <pre><code>data-setup="{}" onvolumechange="setVolume(this.volume,this.muted)"
  </code></pre>
  
  <p>volume is remembered but muting is not remembered, in fact after a page refresh the volume is set to 100%. But if I omit <em>data-setup="{}"</em> then muting is remembered and works fine.</p>
  
  <p>It seems obvious that the <em>data-setup="{}"</em> is what is causing this problem. So why is it doing this, what in video.js is conflicting and how do I work around it?</p>