常連

```json
{
  "kind": "youtube#searchListResponse",
  "etag": "uRO97Nv0_tK0wKA7RkgwR5lbVPs",
  "nextPageToken": "CAUQAA",
  "regionCode": "JP",
  "pageInfo": {
    "totalResults": 15,
    "resultsPerPage": 5
  },
  "items": [
    {
      "kind": "youtube#searchResult",
      "etag": "o1agJNe2xIg2NKbhyeg6BkG-FCE",
      "id": {
        "kind": "youtube#video",
        "videoId": "8IoeXW9bBBc"
      },
      "snippet": {
        "publishedAt": "2020-06-24T09:00:03Z",
        "channelId": "UC2v99T3RRi5NkdhP0ZqdpXA",
        "title": "たい焼き",
        "description": "休日に姉妹で、たい焼きを作って食べるだけのゆる〜〜い動画です。 編集：まりん ◯Instagram まりん♡ @marin_honda → https://www.instagram.com/marin_honda ...",
        "thumbnails": {
          "default": {
            "url": "https://i.ytimg.com/vi/8IoeXW9bBBc/default.jpg",
            "width": 120,
            "height": 90
          },
          "medium": {
            "url": "https://i.ytimg.com/vi/8IoeXW9bBBc/mqdefault.jpg",
            "width": 320,
            "height": 180
          },
          "high": {
            "url": "https://i.ytimg.com/vi/8IoeXW9bBBc/hqdefault.jpg",
            "width": 480,
            "height": 360
          }
        },
        "channelTitle": "本田姉妹やで",
        "liveBroadcastContent": "none",
        "publishTime": "2020-06-24T09:00:03Z"
      }
    },
    {
      "kind": "youtube#searchResult",
      "etag": "QX-Rq-7HjNZreHfPbeZezxhidmQ",
      "id": {
        "kind": "youtube#video",
        "videoId": "2i6nmsg5UBE"
      },
      "snippet": {
        "publishedAt": "2020-06-19T08:30:01Z",
        "channelId": "UC2v99T3RRi5NkdhP0ZqdpXA",
        "title": "なわとび",
        "description": "編集：まりん ◯Instagram まりん♡ @marin_honda → https://www.instagram.com/marin_honda (IMG) みゆ♡ @miyu_honda_official ...",
        "thumbnails": {
          "default": {
            "url": "https://i.ytimg.com/vi/2i6nmsg5UBE/default.jpg",
            "width": 120,
            "height": 90
          },
          "medium": {
            "url": "https://i.ytimg.com/vi/2i6nmsg5UBE/mqdefault.jpg",
            "width": 320,
            "height": 180
          },
          "high": {
            "url": "https://i.ytimg.com/vi/2i6nmsg5UBE/hqdefault.jpg",
            "width": 480,
            "height": 360
          }
        },
        "channelTitle": "本田姉妹やで",
        "liveBroadcastContent": "none",
        "publishTime": "2020-06-19T08:30:01Z"
      }
    },
    {
      "kind": "youtube#searchResult",
      "etag": "1IC-w7hmFhN23cIdx3258OeK1rI",
      "id": {
        "kind": "youtube#video",
        "videoId": "qrb49AvSP5w"
      },
      "snippet": {
        "publishedAt": "2020-07-02T08:30:04Z",
        "channelId": "UC2v99T3RRi5NkdhP0ZqdpXA",
        "title": "タマネギ",
        "description": "練習終わりに、夜ご飯を作りました。いただきまーす！続きの後編は映像のカットだけ終わったのですが、面白くて1人で笑っちゃいます笑笑 オフの日に続きの編集をする ...",
        "thumbnails": {
          "default": {
            "url": "https://i.ytimg.com/vi/qrb49AvSP5w/default.jpg",
            "width": 120,
            "height": 90
          },
          "medium": {
            "url": "https://i.ytimg.com/vi/qrb49AvSP5w/mqdefault.jpg",
            "width": 320,
            "height": 180
          },
          "high": {
            "url": "https://i.ytimg.com/vi/qrb49AvSP5w/hqdefault.jpg",
            "width": 480,
            "height": 360
          }
        },
        "channelTitle": "本田姉妹やで",
        "liveBroadcastContent": "none",
        "publishTime": "2020-07-02T08:30:04Z"
      }
    },
    {
      "kind": "youtube#searchResult",
      "etag": "4LOfWn-JwekxDmAUw4xldu85_aU",
      "id": {
        "kind": "youtube#video",
        "videoId": "GknfoE0ljII"
      },
      "snippet": {
        "publishedAt": "2020-07-07T08:30:00Z",
        "channelId": "UC2v99T3RRi5NkdhP0ZqdpXA",
        "title": "お肉",
        "description": "「タマネギ」の続きです！ 多分ちょっと結構めっちゃ面白いです。 「たい焼き」は紗来、 今回は真凜、 そして次回は望結メインの動画です   お楽しみに〜 編集：まりん ...",
        "thumbnails": {
          "default": {
            "url": "https://i.ytimg.com/vi/GknfoE0ljII/default.jpg",
            "width": 120,
            "height": 90
          },
          "medium": {
            "url": "https://i.ytimg.com/vi/GknfoE0ljII/mqdefault.jpg",
            "width": 320,
            "height": 180
          },
          "high": {
            "url": "https://i.ytimg.com/vi/GknfoE0ljII/hqdefault.jpg",
            "width": 480,
            "height": 360
          }
        },
        "channelTitle": "本田姉妹やで",
        "liveBroadcastContent": "none",
        "publishTime": "2020-07-07T08:30:00Z"
      }
    },
    {
      "kind": "youtube#searchResult",
      "etag": "0U6bJMGJFF8RpuggnBieXqadI_8",
      "id": {
        "kind": "youtube#video",
        "videoId": "pKFiwXt_22Y"
      },
      "snippet": {
        "publishedAt": "2020-07-28T08:30:01Z",
        "channelId": "UC2v99T3RRi5NkdhP0ZqdpXA",
        "title": "望結です",
        "description": "祝・記念すべき初めてのYoutubeっぽい動画」 まだまだ編集初心者ですが、編集画面いっぱいに映る望結の顔が可愛くて楽しくできました。   通常運転とは程遠い毎日です ...",
        "thumbnails": {
          "default": {
            "url": "https://i.ytimg.com/vi/pKFiwXt_22Y/default.jpg",
            "width": 120,
            "height": 90
          },
          "medium": {
            "url": "https://i.ytimg.com/vi/pKFiwXt_22Y/mqdefault.jpg",
            "width": 320,
            "height": 180
          },
          "high": {
            "url": "https://i.ytimg.com/vi/pKFiwXt_22Y/hqdefault.jpg",
            "width": 480,
            "height": 360
          }
        },
        "channelTitle": "本田姉妹やで",
        "liveBroadcastContent": "none",
        "publishTime": "2020-07-28T08:30:01Z"
      }
    }
  ]
}
```
上のように、特定のチャンネルの動画を出力しようと思ったら、totalResults = 15に対し、resultsPerPage = 5となっていて残りの10こが表示することができません。
どのようにしたらよいのでしょうか？

ちなみに検索したurlは、https://www.googleapis.com/youtube/v3/searchpart=snippet&channelId=UC2v99T3RRi5NkdhP0ZqdpXA&key=AIzaSyCO_82OMZjzaIJrBHB1oQIVjHVV7mjs_2g&order=viewCount
です。

結果の次のページに行きたい

### 最新バージョンのコードでスーパーチャットの情報を取得する

YouTubeのライブ配信から
- [ ] スーパーチャットの投げられた時間
- [ ] スーパーチャットの金額(円・ドル・ユーロ)、コメント内容
これらの情報をExcelもしくはスプレッドシートに出力・保存することができる
上記を実現できるコードを作っていただきたいです。

もしくは、下記のエラーを解決したいです。


### 前提


Python 3.11.1、Visual Studio Coedで動作させたいです。


### 発生している問題・エラーメッセージ

```
PS C:\Users\81804\source\repos\soturontesutttt> & C:/Users/81804/AppData/Local/Programs/Python/Python311/python.exe c:/Users/81804/source/repos/soturontesutttt/supatya.py
Traceback (most recent call last):
  File "c:\Users\81804\source\repos\soturontesutttt\supatya.py", line 2, in <module>
    from pytchat import Extractor, VideoInfo, SuperchatCalculator
ImportError: cannot import name 'Extractor' from 'pytchat' (C:\Users\81804\AppData\Local\Programs\Python\Python311\Lib\site-packages\pytchat\__init__.py)
PS C:\Users\81804\source\repos\soturontesutttt> 
```

### 該当のソースコード

```ここに言語名を入力
from tqdm import tqdm
from pytchat import Extractor, VideoInfo, SuperchatCalculator
import signal

'''
進捗状況を表すプログレスバー
'''
class ProgressBar:
    def __init__(self,total):
        self.total = total*1000
        self.pbar = tqdm(total = self.total, ncols = 80, unit_scale = 1,
            bar_format='{desc}{percentage:3.1f}%|{bar}|'
                       '[{n_fmt:>7}/{total_fmt}]{elapsed}<{remaining}')

    def callback(self, actions, fetched):
        if self.total - fetched < 0:
            fetched = self.total
        self.total -= fetched
        self.pbar.update(fetched)

    def close(self):
        self.pbar.update(self.total)
        self.pbar.close()

    def cancel(self):
        self.pbar.close()

if __name__ == '__main__':
    video_id = "GY-LSsYVpJ4"
    info  = VideoInfo(video_id)
    print('Calculate Superchat: [title] ', info.get_title())    

    # プログレスバーを用意する。
    pbar = ProgressBar(info.get_duration())

    # Extractorの生成
    ex = Extractor(
        video_id,
        callback = pbar.callback,
        div = 10,
        processor = SuperchatCalculator()
    )

    #Ctrl+Cでキャンセルする
    signal.signal(signal.SIGINT,  
        (lambda a, b: ex.cancel()))

    #抽出の実行
    result = ex.extract()

    #集計結果の表示
    pbar.close()
    print(result)

```

### 試したこと

https://github.com/taizan-hokuto/pytchat/wiki/Home_jp
こちらを参照しましたが、だめでした。

### 補足情報

どうぞよろしくお願いいたします。

YouTubeのライブチャットからスーパーチャットを取得する

### 前提・実現したいこと

ここで質問して良いのかどうかわかりませんが、どこで質問したら良いのかわからないので教えて下さい。

chromeのconsoleタブのエラーが、出てこないようにしたいです。


### 発生している問題・エラーメッセージ

```

Indicate whether a cookie is intended to be set in a cross-site context by specifying its SameSite attribute
Because a cookie’s SameSite attribute was not set or is invalid, it defaults to SameSite=Lax, which prevents the cookie from being set in a cross-site context. This behavior protects user data from accidentally leaking to third parties and cross-site request forgery.
Resolve this issue by updating the attributes of the cookie:
Specify SameSite=None and Secure if the cookie is intended to be set in cross-site contexts. Note that only cookies sent over HTTPS may use the Secure attribute.
Specify SameSite=Strict or SameSite=Lax if the cookie should not be set by cross-site requests.

3 cookies
Name	Domain & Path
remote_sid	.youtube.com/
nextId	.www.youtube.com/
requests	.www.youtube.com/
```

### 該当のソースコード

```ここに言語名を入力
ソースコード?
```

### 試したこと

おもにYouTubeを埋め込んでいるページで発生しているのですが、このエラーが表示されるブラウザ、表示されないパソコンがあり、どう対処すれば良いのかわかりません。

キャッシュプラグインを無効にしてみたり、色々やりましたが、やはりYouTubeを埋め込んでいるページのコンソールタブで表示されてしまいます。

しかも、このエラーが出るときと出ないときがあります。

その原因もよくわかりません。

いまchromeでやるとエラーは出ませんでしたが、avast secure browser を使うと、エラーが出ました。Firefoxではまた別のエラーが追加されて表示されました。

また別のブラウザで確認すると、今度は、

Failed to execute ‘postMessage’ on ‘DOMWindow’:のエラーがエンドレスで続いていきます。

これはブラウザによって異なるのでしょうか？

いずれにせよ、直したほうがいいのですよね？

なにをどうすれば直るのでしょうか？

WordpressのYouTubeを埋め込んでいるページだけがこの現象が発生する原因もよくわかりません。

よろしくお願いいたします。



### 補足情報（FW/ツールのバージョンなど）

worpress最新
php7.4

chromeのconsoleタブのエラーが出ないようにしたい

### 発生している問題
`Newtonsoft.JsonConvert.DeserializeObject`でYouTubeDataAPIv3から返されるJsonをデシリアライズしようとすると、予期しない文字が発見されデシリアライズできない。

### エラーメッセージ
```
Newtonsoft.Json.JsonReaderException: 'After parsing a value an unexpected character was encountered: O. Path 'items[0].snippet.tags[7]', line 55, position 6.'
```

### 該当のソースコード
MainWindow.xaml.cs  (一部省略)
```c#
public static string GetVideoTitle()
{
    string videoId = "IGInsosP0Ac"
    string api = $"https://www.googleapis.com/youtube/v3/videos?part=snippet&id={videoId}&key={googleApiKey}";
    var json = new WebClient().DownloadString(api);
    var ytd = JsonConvert.DeserializeObject<YouTubeDataAPIv3SnippetData>(json);
    string result = ytd.items[0].snippet.title;
    return result;
}
```

YouTubeDataAPIv3SnippetData.cs  (一部省略)
```c#
class YouTubeDataAPIv3SnippetData
{
    public class PageInfo
    {
        public int totalResults { get; set; }
        public int resultsPerPage { get; set; }
    }

    public class Default
    {
        public string url { get; set; }
        public int width { get; set; }
        public int height { get; set; }
    }

    public class Medium
    {
        public string url { get; set; }
        public int width { get; set; }
        public int height { get; set; }
    }

    public class High
    {
        public string url { get; set; }
        public int width { get; set; }
        public int height { get; set; }
    }

    public class Standard
    {
        public string url { get; set; }
        public int width { get; set; }
        public int height { get; set; }
    }

    public class Maxres
    {
        public string url { get; set; }
        public int width { get; set; }
        public int height { get; set; }
    }

    public class Thumbnails
    {
        public Default @default { get; set; }
        public Medium medium { get; set; }
        public High high { get; set; }
        public Standard standard { get; set; }
        public Maxres maxres { get; set; }
    }

    public class Localized
    {
        public string title { get; set; }
        public string description { get; set; }
    }

    public class Snippet
    {
        public DateTime publishedAt { get; set; }
        public string channelId { get; set; }
        public string title { get; set; }
        public string description { get; set; }
        public Thumbnails thumbnails { get; set; }
        public string channelTitle { get; set; }
        public List<string> tags { get; set; }
        public string categoryId { get; set; }
        public string liveBroadcastContent { get; set; }
        public Localized localized { get; set; }
    }

    public class Item
    {
        public string kind { get; set; }
        public string etag { get; set; }
        public string id { get; set; }
        public Snippet snippet { get; set; }
    }

    public string kind { get; set; }
    public string etag { get; set; }
    public PageInfo pageInfo { get; set; }
    public List<Item> items { get; set; }
}
```

YouTubeDataAPIv3から返されるJson
```json
{
 "kind": "youtube#videoListResponse",
 "etag": "\"Bdx4f4ps3xCOOo1WZ91nTLkRZ_c/jwhb_FJuvFIgM29Nxg3M12Z67eM\"",
 "pageInfo": {
  "totalResults": 1,
  "resultsPerPage": 1
 },
 "items": [
  {
   "kind": "youtube#video",
   "etag": "\"Bdx4f4ps3xCOOo1WZ91nTLkRZ_c/CiszAW_8Yo76GYB0bpHxx6-vvf0\"",
   "id": "IGInsosP0Ac",
   "snippet": {
    "publishedAt": "2018-11-23T04:55:15.000Z",
    "channelId": "UCzycs8MqvIY4nXWwS-v4J9g",
    "title": "ONE OK ROCK: Stand Out Fit In [OFFICIAL VIDEO]",
    "description": "ONE OK ROCK's official video for 'Stand Out Fit In’. \nDirected By Peter Huang\n\nSubtitles by Taka and Yasuko Ishida\n\nPre-order Eye Of The Storm today: https://amuse-inc.lnk.to/ONEOKROCK\n\nFind ONE OK ROCK on… \nSite: http://www.oneokrock.com/ \nFacebook: http://smarturl.it/OORfacebook \nTwitter: http://smarturl.it/OORtwitter \nInstagram: http://smarturl.it/OORinstagram \nYouTube: http://smarturl.it/OORyoutube \nSpotify: http://smarturl.it/OORspotify",
    "thumbnails": {
     "default": {
      "url": "https://i.ytimg.com/vi/IGInsosP0Ac/default.jpg",
      "width": 120,
      "height": 90
     },
     "medium": {
      "url": "https://i.ytimg.com/vi/IGInsosP0Ac/mqdefault.jpg",
      "width": 320,
      "height": 180
     },
     "high": {
      "url": "https://i.ytimg.com/vi/IGInsosP0Ac/hqdefault.jpg",
      "width": 480,
      "height": 360
     },
     "standard": {
      "url": "https://i.ytimg.com/vi/IGInsosP0Ac/sddefault.jpg",
      "width": 640,
      "height": 480
     },
     "maxres": {
      "url": "https://i.ytimg.com/vi/IGInsosP0Ac/maxresdefault.jpg",
      "width": 1280,
      "height": 720
     }
    },
    "channelTitle": "ONE OK ROCK",
    "tags": [
     "ONE OK ROCK",
     "ワンオク",
     "ワンオクロック",
     "Taka",
     "Toru",
     "Ryota",
     "Tomoya",
     "バンド",
     "OOR",
     "ロック"
    ],
    "categoryId": "10",
    "liveBroadcastContent": "none",
    "localized": {
     "title": "ONE OK ROCK: Stand Out Fit In [OFFICIAL VIDEO]",
     "description": "ONE OK ROCK's official video for 'Stand Out Fit In’. \nDirected By Peter Huang\n\nSubtitles by Taka and Yasuko Ishida\n\nPre-order Eye Of The Storm today: https://amuse-inc.lnk.to/ONEOKROCK\n\nFind ONE OK ROCK on… \nSite: http://www.oneokrock.com/ \nFacebook: http://smarturl.it/OORfacebook \nTwitter: http://smarturl.it/OORtwitter \nInstagram: http://smarturl.it/OORinstagram \nYouTube: http://smarturl.it/OORyoutube \nSpotify: http://smarturl.it/OORspotify"
    }
   }
  }
 ]
}
```

###試したこと・気付いたこと
動画のIDを変えるとできました。一部の動画で例外が発生するようです。
**[追伸]** 色々試したところ`"tags"`に日本語が用いられているJsonファイルだとこのエラーが発生するようです。

###環境
- Framework4.7.2
- Windows10 Pro 64bit ver.1809 build.17763.615
- Newtonsoft.Json ver.12.0.0.0

[C#, Json.NET] デシリアライズで予期しない文字が発見されエラー。

### 実現したいこと

JTubeSpeech:https://github.com/sarulab-speech/jtubespeech

音声コーパス作成のため、colabでJTubeSpeechを実行しようとしておりますが、出力されたcsvがどうもおかしくて困っています。

上記のStep3の字幕が利用可能が調べるスクリプトを実行した際、「videoid」「auto」「sub」の項目が記載されたcsvが出力されます。videoidはyoutubeの動画のid、autoは自動字幕の有無、subは人間が作成した字幕の有無を示します。
私が実行すると、この時出力されたcsvのautoとsubが全て「False」になってしまいます。念のためvideoidから該当の動画をyoutubeで調べてみたのですが、手動字幕有りの動画も「False」になっていました。
何が悪いのか自力では分からなかったので、ご助力いただければ幸いです。
よろしくお願いいたします。

### 前提

実行環境：Colab
JtubeSpeechのStep1のスクリプトをそのまま実行すると膨大な検索ワードになってしまうので、テキストファイルに「読み聞かせ」「絵本」といったワードを数個一行ずつ記載したものをテストに利用しております。


### 該当のソースコード

```Python
#JtubeSpeechをクローン
!git clone https://github.com/sarulab-speech/jtubespeech.git
```

```Python
#インストールライブラリリスト

text_file = open("pip_list.txt", "wt")

text_file.write("espnet\n")
text_file.write("yt-dlp\n")
text_file.write("joblib\n")
text_file.write("pydub\n")
text_file.write("pandas\n")
text_file.write("num2words\n")
text_file.write("neologdn\n")
text_file.write("romkan\n")

text_file.write("requests\n")
text_file.write("tqdm\n")

text_file.close()
```

```Python
#インストール実行
!pip3 install -r pip_list.txt
```

```Python
#テスト用検索ワードファイル

text_file = open("test_search_word.txt", "wt")

text_file.write("読み聞かせ\n")
text_file.write("よみきかせ\n")
text_file.write("昔話\n")
text_file.write("昔ばなし\n")
text_file.write("むかしばなし\n")
text_file.write("絵本\n")
text_file.write("えほん\n")

text_file.close()
```

```Python
#Step2 ビデオIDの取得
!python3 jtubespeech/scripts/obtain_video_id.py ja test_search_word.txt
```

```Python
#Step3 字幕が利用できるか確認
!python3 jtubespeech/scripts/retrieve_subtitle_exists.py ja videoid/ja/test_search_word.txt
```


JTubeSpeechでスクリプトを実行した際の挙動がおかしい

### 前提・実現したいこと

jsファイル実行するとエラーがでるので、解消したい。

### 発生している問題・エラーメッセージ

```command
>node index.js
node:internal/modules/cjs/loader:488
      throw e;
      ^
Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './lib/sync' is not defined by "exports" in C:\Users\xlost\work\TypeScript\test-api\node_modules\csv-stringify\package.json
}
```

### 該当のソースコード

```JavaScript
// Youtube APIをコールするのに利用
const { google } = require("googleapis");
const apiKey = "＊＊＊＊＊＊＊";
const youtube = google.youtube({ version: "v3", auth: apiKey });
const iconv = require("iconv-lite");
// 日時のライブラリ
const moment = require("moment");
// CSV書き出しに利用
const fs = require("fs");
const stringify = require("csv-stringify/lib/sync");　!!エラー箇所
const { serialize } = require("v8");
```

### 試したこと

該当のモジュールをディレクトリ配下でsyncを確認。
\node_modules\csv-stringify\lib\sync.js
\node_modules\csv-stringify\lib\sync.d.ts

また、エラー行の前で定義している\node_modules\googleapisも確認。


### 補足情報（FW/ツールのバージョンなど）

・node v16.14.0

・package-lock.json
{
  "name": "test-api",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "csv": "^6.0.5",
    "csv-stringify": "^6.0.5",
    "googleapis": "^95.0.0",
    "iconv-lite": "^0.6.3",
    "moment": "^2.29.1"
  }
}

js node 実行時エラー　ERR_PACKAGE_PATH_NOT_EXPORTED

### 前提・実現したいこと

[https://developers.google.com/youtube/v3/docs/errors?hl=ja](https://developers.google.com/youtube/v3/docs/errors?hl=ja)
quotaExceededのエラーコードは「既に割り当てを超えている」時のもののようですが、
新規で登録したAPIキーにも関わらず発生してしまっています。

![イメージ説明](6ad9a5420bb857a73f76c6ef719f1832.jpeg)

リクエストは全てエラーで返ってきています。

![イメージ説明](cfbfc5ea8ee847c8eca1c8c3dcb569cb.jpeg)

割当を見てみると「Queries/日」が0となっています。こちらが原因でしょうか。
もし解決策ありましたらご教示お願い致します。


### 発生している問題・エラーメッセージ

```
{error: {code: 403,…}}
error: {code: 403,…}
code: 403
errors: [{,…}]
0: {,…}
domain: "youtube.quota"
message: "The request cannot be completed because you have exceeded your <a href="/youtube/v3/getting-started#quota">quota</a>."
reason: "quotaExceeded"
message: "The request cannot be completed because you have exceeded your <a href="/youtube/v3/getting-started#quota">quota</a>."
```

### 該当のソースコード

```React
//App.js

import React, {Component} from 'react';
import './App.css';
import YSearch from 'youtube-api-search';
import Header from './components/Header/Header';

// youtubeAPIキー
const YOUTUBE_API_KEY = 'AIzaSyBgIiRwjAf-WgufDjfE0R9ZuhNrwGGsCpk';

//youtube-api-search
YSearch({ key: YOUTUBE_API_KEY, term: 'test'}, (data) => {
  console.log(data);
});

class App extends Component {
  render() {
    return (
      <div className="App">
        <Header />
      </div>
    );
  }
}

export default App;
```

YouTube Data API v3が登録したばかりなのにquotaExceededが返ってくる

### 実現したいこと
jQueryプラグイン「jquery.magnific-popup.js」とYouTube Data APIを用いて、以下を実装したいです。
・ブラウザが開くと数秒後に動画のポップアップが開き、自動再生される
・動画が終了したタイミングでポップアップが自動で閉じる
・※動画はいつでも閉じることができる


### 発生している問題・分からないこと
一応下記にて実現することはできました。
ただ、MacのSafariで確認すると動画が自動で再生されません。
また、他のブラウザでも時々自動再生できない、ポップアップが自動で閉じないなど、安定していません。

もしお手すきであれば、ご教示いただけると幸いです。



### 該当のソースコード

```HTML
    <a href="#movie01" class="movie-open">
      <div id="movie01" class="movie-content-wrap">
        <div id="movie-content01"></div>
      </div>
    </a>
```

```CSS
.movie-open {
	display: none;
  width: 80%;
  height: 450px;
}
.movie-content-wrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.movie-content-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
```

```JavaScript
// IFrame Player API の読み込み
let tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
let firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

// YouTubeの埋め込み
let ytPlayer;
function onYouTubeIframeAPIReady() {
    ytPlayer = new YT.Player('movie-content01', {
        videoId: '読み込みたいYouTube動画のID',
        playerVars: {
            rel: 0, // 再生動画と同じチャンネルから関連動画を選択
            modestbranding: 1, // YouTubeロゴを表示しない
        },
    });
}

function onPlayerReady(event) {
    event.target.mute(); // 音声をミュートに
    event.target.playVideo(); // 動画再生
}
function onPlayerStateChange(event) {
	if (event.data == YT.PlayerState.ENDED) {
			$.magnificPopup.close();
	}
}

$(function() {

	setTimeout(function() {
		$('.movie-open').magnificPopup({
				type: 'inline',
				preloader: false,
				closeBtnInside: true,
				mainClass: 'mfp-fade',
				removalDelay: 7500,
				callbacks: {
						open: function() {
							new YT.Player('movie-content01', {
								events: {
									'onReady': onPlayerReady,
									'onStateChange': onPlayerStateChange
								}
							});
						}
				}
		}).magnificPopup('open');
	}, 7500);
});
```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [x] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
▼再生終了後に自動でポップアップが閉じる参考
https://qiita.com/kinshist/items/9a824a07668cc6d7be39
※こちらはColorBox.jsです。

▼jquery.magnific-popup.jsで動画終了を検知する
https://stackoverflow.com/questions/29993448/detect-end-of-youtube-video-in-magnific-popup



### 補足
Macのバージョン：14.2.1
jQuery: 3.7.1


YouTube API