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

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?=?([^#&?]*).*/;
    var match = url.match(regExp);
    return (match && match[7].length == 11) ? match[7] : false;
}

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

http://www.youtube.com/watch?v=0zM3nApSvMg&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&hl=en_US&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 サイトの他の関連記事を参照してください。