

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

[code]

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

![画像1](https://i.stack.imgur.com/qzEkJ.png)


CC BY-SA 4.0
2018-05-14T04:43:26.383
43968
2020-12-27T02:04:30.593
2018-05-14T04:46:32.490
3060
28513
question
javascript jquery
Youtube iframe シークバークリック時にイベント発生


iFrame内なのでその書き方ではiframe内のタグの指定になっていないではないでしょうか

iframe内のタグを読み込む場合は下記のようにする必要があるかと思います  
<https://teratail.com/questions/40316>

[code]

    $(window).on("load", function(e){
      $("#iframe").contents().find("body").on("click", function(e){
        console.log("click");
      });
    });
    
[/code]

またシークバー移動時になどyoutubeのアクションと連動して動作をしたい場合  
apiを使うのが一般的かと思います。  
今回のケースで使えるかはわからないですが、ご検討してみてください。  
<https://so-zou.jp/web-app/tech/web-api/google/youtube/player-
api/iframe.htm#status>


CC BY-SA 4.0
2018-06-07T06:14:59.557
44586
2018-06-07T06:14:59.557
7455
43968
answer