更改数据属性值超过10秒

Question

我有这个代码，我想在10秒内将数据属性“vol”从100更改为0（因此声音淡出）。我怎么能做到这一点？

    <div class="pattern-overlay">
  <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}">bg</a>
  <div class="container">
    <div class="row">
      <div class="col-lg-12">

      </div>
    </div>
  </div>
</div>