画像のような場面で、シークバーをクリックした時にイベントを発生したいと思い、下記のようなコードを書きましたが、うまく動作しません。
シークバークリック時にイベントを発生させる方法はありますでしょうか?

$(function () {
    $(".ytp-progress-bar-padding").click(function () {
        console.log("----")
    });
});

画像1