Typescriptでvideo.currentTimeをpropしたい

Question

Typescript初心者です。
もともとjqueryで作成していたvideoタグのjqueryで、liタグを押すとcurrentTimeを変更したいと思っているのですが、

Uncaught TypeError: Failed to set the 'currentTime' property on 'HTMLMediaElement': The provided double value is non-finite.

というエラーで進みません。
currentTimeの値を書き換えるメソッドなどがあるのでしょうか...?
ご存知の方いらっしゃいましたらご教示下さい。

よろしくお願いします。

<div class="videoWrapper">
  <video class="app_movie" id="x_apps_movie" src="/img/chapter.mp4" autoplay controls playsinline> </video>
  <ul class="chapterControls">
    <li class="is-active chapterList"><span class="chapterList__title">Chapter1</span></li>
    <li class="is-active chapterList"><span class="chapterList__title">Chapter1</span></li>
    <li class="is-active chapterList"><span class="chapterList__title">Chapter1</span></li>
    <li class="is-active chapterList"><span class="chapterList__title">Chapter1</span></li>
  </ul>
</div>

module Movie {
    var main = {
        init : function(){
            this.selectChapter();
        },
        selectChapter : function () {
            $('.chapterList').on('click', function() {
                var chapterSec = [0, 10, 20, 25];
                var index = $('li.chapterList').index(this);
                $('.chapterList').removeClass('is-active');
                $(this).addClass('is-active');
                main.moveChapter(chapterSec[index]);
            });
        },
        moveChapter : function (seconds) {
            var video = $('#x_apps_movie').get(0);
            // console.log(seconds); -> 各配列のchapterSecが返ってくる
            $(video).prop('currentTime', seconds);
        }
    }
    $(document).on('ready', function(){
        main.init();
    })
}

Answer 1

この部分を

$(video).prop('currentTime', seconds);

以下のようにしてください。

video.currentTime = seconds;

https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/currentTime

Comments

[mojao_0227]

無事表示できました、ありがとうございました!