Videoタグの動画の再生位置が替えられない

Question

困っていること

videoタグを使用しMP4の動画をWebページで表示させているのですが、
再生位置を変更することが出来ず、困っています。

試したこと

• 再生位置バーを利用しての再生位置変更

• JavascriptのcurrentTimeを利用しての再生位置変更

上記の2方法を試したのですが、再生位置を変更することが出来ませんでした。

実際のコードは下記になります。

<div class="card-body">
    <video id="video" src="/media/movie/pc/movie.mp4" poster="/media/img/image.png" playsinline webkit-playsinline autoplay controls muted loop width="100%" height="auto"></video>
</div>

<script type="text/javascript">
    document.getElementById("play-1").onclick = function(e){
        v = document.getElementById('video');
        v.currentTime = 20;
    };
</script>

利用しているブラウザはChromeです。