title: Change Data-Property Value Over 10 Seconds
body: <p>I have this code, and I'm wanting to change the data-property "vol" from 100 to 0 over 10 seconds (so the sound fades out). How would I manage to do this?</p>
  
  <pre><code>    &lt;div class="pattern-overlay"&gt;
    &lt;a id="bgndVideo" class="player" data-property="{videoURL:'https://www.youtube.com/watch?v=aYh3WAf8CXI',
      containment:'.video-section', 
      quality:'large', 
      autoPlay:true, 
      vol:100, 
      mute:false, 
     opacity:1}"&gt;bg&lt;/a&gt;
    &lt;div class="container"&gt;
      &lt;div class="row"&gt;
        &lt;div class="col-lg-12"&gt;
  
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>