Pure JavaScript를 사용하여 URL에서 YouTube 동영상 ID를 추출하는 방법은 무엇입니까?-JS 튜토리얼-php.cn

Pure JavaScript를 사용하여 URL에서 YouTube 동영상 ID를 추출하는 방법은 무엇입니까?

Susan Sarandon

풀어 주다： 2024-11-30 08:34:14

원래의

544명이 탐색했습니다.

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

JavaScript의 URL에서 YouTube 동영상 ID를 추출하는 방법

해당 URL에서 YouTube 동영상 ID를 식별하는 것은 다양한 웹 개발 작업에 필수적입니다. 이 질문은 jQuery에 의존하지 않고 순수한 JavaScript를 사용하여 이를 수행하는 방법을 탐구합니다.

제공된 예는 "v=" 매개변수 등을 포함하여 YouTube에서 동영상을 표시하기 위해 일반적으로 사용하는 여러 URL 형식을 보여줍니다. 원하는 출력은 예제의 "u8nQa1cJyX8"과 같은 11자 비디오 ID입니다.

이 문제를 해결하기 위해 솔루션에서는 정규식을 활용합니다. jeffreypriebe가 제안한 정규식의 향상된 버전은 YouTube 채널 페이지에 표시되는 URL을 포함하여 더 광범위한 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!