実現したいこと
クリックされた動画のURLを取得したいです。
前提
iframe
でYoutubeを埋め込んだWebサイトを作っています。
Youtubeの動画を停止すると、下記の動画リスト
が表示され、それをクリックすると別タブで動画が再生されます。
<div class="ytp-suggestions"> <a class="ytp-suggestion-link" target="_blank" href="https://www.youtube.com/watch?v=xxxxxxxxxx;feature=emb_rel_pause" 省略... /> 省略... </div>
試したこと
aタグ
のクリックイベント
を捕捉して、URL取得できるのではと考え、以下のように実装しました。
const youtubeLinks = document.querySelectorAll(".ytp-suggestion-link"); youtubeLinks.forEach((target) => { if (!target) return; target.addEventListener("click", () => { console.log("クリックされた!"); console.log(target.getAttribute("href")); }); });
以上です。
分かりづらい点もあるかもしれませんが、その際は追記いたします。
よろしくお願いいたします????♀️
あなたの回答
tips
プレビュー