ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript を使用して URL から YouTube ビデオ ID を抽出するにはどうすればよいですか?

JavaScript を使用して URL から YouTube ビデオ ID を抽出するにはどうすればよいですか?

DDD
リリース: 2024-11-30 08:20:15
オリジナル
671 人が閲覧しました

How Can I Extract YouTube Video IDs from URLs Using JavaScript?

JavaScript を使用して URL から YouTube ビデオ識別子を抽出する

YouTube URL から一意のビデオ ID を取得することは、Web 開発における一般的なタスクです。この ID を使用すると、API またはその他の手段を介して YouTube プラットフォームからビデオにアクセスしたり、ビデオを操作したりできます。

JavaScript 正規表現ソリューション

最も汎用性の高い方法は、JavaScript 正規表現を使用することです。 「jeffreypriebe」と「Javier Téllez」による次の拡張正規表現は、幅広い YouTube URL 形式をカバーしています:

var regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/;
ログイン後にコピー

実装

この正規表現を使用するには、を定義する関数:

function youtube_parser(url) {
    var match = url.match(regExp);
    return (match && match[7].length == 11) ? match[7] : false;
}
ログイン後にコピー

使用例:

var videoId = youtube_parser("https://www.youtube.com/watch?v=fhWaJi15_fo");
console.log("Video ID:", videoId); // Output: fhWaJi15_fo
ログイン後にコピー

互換性

これregex メソッドは、追加のパラメーターを含むさまざまな 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
ログイン後にコピー

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート