首頁 > web前端 > js教程 > 如何使用 JavaScript 從 URL 中提取 YouTube 影片 ID?

如何使用 JavaScript 從 URL 中提取 YouTube 影片 ID?

DDD
發布: 2024-11-30 08:20:15
原創
788 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板