YouTube oEmbed で動画タイトルとチャンネル名を取る
一言まとめ
`https://www.youtube.com/oembed?url=<動画URL>&format=json` は API キー不要・CORS 開放で、`title` と `author_name`(チャンネル名)が返る。ブラウザから直接叩ける。
目次 5 sections
調査時点: 2026-09。
挙動
GET https://www.youtube.com/oembed?url=https://www.youtube.com/watch?v=dQw4w9WgXcQ&format=json→ 200 access-control-allow-origin: <リクエストの Origin をそのまま返す> {"title":"Rick Astley - Never Gonna Give You Up (Official Video) (4K Remaster)", "author_name":"Rick Astley", ...}- API キー不要。
- CORS が開いている(リクエストの Origin をそのまま返す)ので、サーバを挟まずブラウザから fetch できる。
- User-Agent ヘッダが無くても 200 が返る。
フィールドの意味
| フィールド | 内容 |
|---|---|
title | 動画タイトル |
author_name | チャンネル名。公式音源ならそのままアーティスト名。自動生成の Topic チャンネルは レミオロメン - Topic の形 |
「YouTube は動画タイトル 1 本しか取れない」という前提は誤りで、タイトルとチャンネル名の 2 フィールドが取れる。曲名検索のクエリを組むときに「アーティスト名を必ず付ける」方針を YouTube 由来の入力でも守れる。
動画 ID の取り方
共有テキストなどから動画 ID を抜く場合、youtu.be/ID / watch?v=ID / shorts/ID / live/ID / embed/ID と、m. music. サブドメインの組み合わせに対応する。ID が取れれば oEmbed が権威あるタイトルを返すので、共有元のテキスト形式の差異を気にしなくてよい。
関連
更新履歴
- 2026-09-12: 初版(ローカル調査ノート)
- 2026-10-17: Wiki へ移植、概念ページとして再構成
同じトピック — Web
- 単一画面の Canvas ツールのスタック選定(vanilla TS / Svelte / Preact と PWA ツーリング)
- DAM カラオケ検索(clubdam)の挙動と制約
- Core Web Vitals と画像最適化
- favicon の最小構成(SVG + ICO + apple-touch-icon + manifest)
- フロントエンドのフレームワークとツールの動き(2025)
- HTML-in-Canvas API
- HTML-in-Canvas の実現性(a11y・性能・セットアップ・シェーダー)
- iOS Safari で canvas の画像を保存させる(download 属性 / Web Share / 長押し)
- 日本語 Web フォントのライセンスとサブセット化
- 個人サイトのライブウィジェットと外部 API の制限
- モダン CSS / Web API の対応状況(2025-2026)
- OPFS(Origin Private File System)
- Google Places API のキーの守り方(ブラウザ露出 vs サーバ中継)
- iOS の PWA 制限
- 機能別 React / TS ライブラリ対応表(2026-04 時点)
- URL 長の上限と日本語の URL エンコード膨張
- 書き出すテキストファイルの UTF-8 BOM と Markdown 継続行
- 縦書き Web の実装(writing-mode・ルビ・圏点・縦中横・禁則)
- PWA の Web Share Target(Android)の実測と落とし穴
- WebAssembly(Wasm)