Pure JavaScript を使用して URL から YouTube ビデオ ID を抽出する方法-jsチュートリアル-php.cn

Pure JavaScript を使用して URL から YouTube ビデオ ID を抽出する方法

Susan Sarandon

リリース： 2024-11-30 08:34:14

オリジナル

464 人が閲覧しました

How to Extract YouTube Video IDs from URLs Using Pure JavaScript?

JavaScript で URL から YouTube ビデオ ID を抽出する方法

対応する URL から YouTube ビデオ ID を識別することは、さまざまな Web 開発タスクに不可欠です。この質問では、jQuery に依存せず、純粋な JavaScript を使用してこれを実現する方法を検討します。

提供された例では、「v=」パラメータなどを含む、動画を表すために YouTube で一般的に使用されているいくつかの URL 形式を示しています。必要な出力は、例の「u8nQa1cJyX8」などの 11 文字のビデオ ID です。

この課題に対処するために、ソリューションでは正規表現を利用します。 jeffreypriebe によって提案された正規表現の拡張バージョンは、YouTube チャンネルページ内に表示されるものを含む、より広範囲の YouTube URL に対応します。

function youtube_parser(url) {
    var regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&amp;?]*).*/;
    var match = url.match(regExp);
    return (match && match[7].length == 11) ? match[7] : false;
}

ログイン後にコピー

この関数は、次のようなさまざまな YouTube URL 形式をサポートします。

http://www.youtube.com/watch?v=0zM3nApSvMg&amp;feature=feedrec_grec_index
http://www.youtube.com/user/IngridMichaelsonVEVO#p/a/u/1/QdK8U-VIH_o
http://www.youtube.com/v/0zM3nApSvMg?fs=1&amp;amp;hl=en_US&amp;amp;rel=0
http://www.youtube.com/watch?v=0zM3nApSvMg#t=0m10s
http://www.youtube.com/embed/0zM3nApSvMg?rel=0
http://www.youtube.com/watch?v=0zM3nApSvMg
http://youtu.be/0zM3nApSvMg

ログイン後にコピー

このソリューションにより、開発者は YouTube URL を解析し、純粋な JavaScript で対応するビデオ ID を抽出するための信頼できる方法を手に入れることができます。この機能は、YouTube ビデオコンテンツの操作が必要なシナリオで特に役立ちます。

以上がPure JavaScript を使用して URL から YouTube ビデオ ID を抽出する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。