程序员经验分享-hwhale

如何从 URL 获取 YouTube 视频 ID？

2023-11-22

我想要得到v=id来自 YouTube 的 URL，使用 JavaScript（无 jQuery，纯 JavaScript）。

YouTube URL 格式示例

http://www.youtube.com/watch?v=u8nQa1cJyX8&a=GxdCwVVULXctT2lYDEPllDR0LRTutYfW

http://www.youtube.com/watch?v=u8nQa1cJyX8

或者 URL 中包含视频 ID 的任何其他 YouTube 格式。

这些格式的结果

u8nQa1cJyX8


我对“jeffreypriebe”提供的正则表达式进行了增强，因为他需要一种 YouTube URL，即视频在浏览频道时的 URL。

嗯，不，但这是我配备的功能。

<script type="text/javascript">
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;
}
</script>

这些是支持的 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&amp;hl=en_US&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

可以在以下位置找到[http://web.archive.org/web/20160926134334/] http://lasnv.net/foro/839/Javascript_parsear_URL_de_YouTube

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

regex

URL

Youtube

如何从 URL 获取 YouTube 视频 ID？ 的相关文章

  • 如果没有“new”，则无法调用类构造函数

    感谢这个问题已经被问过几次了 但是我遇到的几乎所有情况都是有人试图扩展非本地类的情况 我的情况有所不同 我有一个非常简单的基类 名为CObject如下 export class CObject extends BaseObject cons

  • Eslint 从另一个文件确定全局变量

    我试图以这样的方式设置 ESLint 使其在对实际目标文件进行 linting 之前解析全局声明文件 这样我就不必将所有确实是全局的函数和变量声明为全局 而是让解析器弄清楚 In 一些 模块 js function do something

  • 如何在 DOM 中的每个元素中调用函数，即使它们是动态创建的

    我想对 DOM 上的特定元素调用函数 例如 red css backgroundColor pink 它适用于 DOM 中已经存在的任何元素 但我也希望在动态添加到 DOM 的元素中调用此方法 我尝试过类似的事情 red on functi

  • JQuery datepickers-从开始日期设置结束日期

    使用了两个 Jquery 日期选择器 StartDate 和 EndDate

  • 如何立即启动setInterval循环？ [复制]

    这个问题在这里已经有答案了 在一个简单的setInterval setInterval function Do something every 9 seconds 9000 第一个动作将在 9 秒后发生 t 9s 如何强制循环立即执行第一个

  • 此页面上的脚本导致 ie 运行缓慢

    问题就在标题中 IE 行为异常 并说有一个脚本运行缓慢 FF 和 Chrome 没有这个问题 我怎样才能找到问题所在 那个页面有很多JS 手动检查不是一个好主意 EDIT 这是我正在处理的一个项目的页面 但我需要一个工具来查找问题 End

  • 将html数据解析成python列表进行操作

    我正在尝试读取 html 网站并提取其数据 例如 我想查看公司过去 5 年的 EPS 每股收益 基本上 我可以读入它 并且可以使用 BeautifulSoup 或 html2text 创建一个巨大的文本块 然后我想搜索该文件 我一直在使用

  • API 使用令牌向 odoo 进行身份验证

    我想使用令牌从 Express 应用程序向 Odoo 进行身份验证 我在用odoo xmlrpc https www npmjs com package odoo xmlrpc连接 Odoo 的节点模块 我的快递应用程序 Odoo 要求 A

  • karma/jasmine 控制台更详细的测试结果

    我使用 Karma 和 Jasmine 进行 javascript 单元测试 假设我有一个失败的测试 如下所示 expect objectA toEqual expectedObjectA 当失败时 我看到控制台上转储了两个对象 并显示一条

  • JavaScript 将键添加到数组中的每个值

    我下面有这个数组 它由一个简单的数组组成 我想要完成的是放一把钥匙id在每个数组值前面以实现类似的效果 id a id b id c id d 有没有一种简单的方法可以做到这一点 任何帮助将不胜感激 谢谢 var test a b c d

  • 全局传递 xhr onload 函数的值

    在我正在创建的应用程序中 我有以下 XMLHttpRequest 并且我正在尝试传递结果data在 的里面xhr onload 到在同一父函数中创建的数组中 var url http api soundcloud com resolve j

  • ES6继承：使用`super`访问父类的属性

    JavaScript 的super关键字 当我在 Chrome Babel TypeScript 上运行代码时 得到了不同的结果 我的问题是哪个结果是正确的 规范的哪一部分定义了这种行为 下面的代码 class Point getX con

  • 如何重复 ajax 请求，直到满足 RxJS Observable 的条件？

    我正在尝试重复请求 直到响应包含使用 RxJS 的数据 此时我想调用成功 或失败 处理程序 但我在使用 RxJS 时遇到了麻烦 这是我目前的方法 redux observable action observable mergeMap gt

  • 为什么 Node.js 应用程序只能从 127.0.0.1/localhost 访问？

    我本来打算教我的朋友介绍 Node 但是后来 我想知道为什么这个代码来自nodejs org var http require http http createServer function req res res writeHead 20

  • ThreeJS 中阴影的奇怪行为

    所以我有一个 ThreeJS 场景 并且添加了一些球体 多材质 我还添加了定向光 this light new THREE DirectionalLight 0xFFFFFF 1 this light position set 2 10 2

  • ng-include 和 ng-view 不同时加载

    下面是我的应用程序的结构 很简单 页眉和页脚是非常小的文件 而主页上的 ng view 要大得多 当我进入该页面时 我注意到了这一点 首先加载两个 ng include 然后 ng view 出现 页脚被推到底部 页脚闪烁大约 0 1 秒

  • 确定 Javascript 中的日期相等性

    我需要找出用户在 Javascript 中选择的两个日期是否相同 日期以字符串 xx xx xxxx 形式传递给该函数 这就是我需要的全部粒度 这是我的代码 var valid true var d1 new Date datein val

  • MongoDB：javascript执行失败：无法在 src/mongo/shell/collection.js 保存 DBQuery 对象

    在 MongoDb 中 当我尝试修改集合中的现有文档时 它会生成以下异常 javascript execution failed can t save a DBQuery object at src mongo shell collecti

  • 将多维数组转换为单数组（Javascript）

    我有一个对象数组 来自 XLSX js 解析器 因此其长度和内容各不相同 表示已给予项目的资助 简化后 它看起来像这样 var grants id p 1 location loc 1 type A funds 5000 id p 2 lo

  • 如何在 Jquery/Javascript 中绑定模糊和更改，但只触发一次函数？

    我试图在选择元素更改时触发函数 由于 Ipad 在 on change 方面遇到问题 我还想绑定到 blur 这在 Ipad 上工作得很好 但是我不希望两个事件都触发该函数两次 所以我需要某种挂钩来确保两个事件是否都触发change and

随机推荐

  • .keystore 文件和 .jks 文件之间的区别

    我试图找出两者之间的区别 keystore文件和 jks文件 但我找不到它 我知道jks是 Java keystore 的意思 两者都是存储键 值对的一种方式 使用其中一种与另一种相比有什么区别或偏好吗 最终 keystore and jk

  • 如何反转 std::string？ [复制]

    这个问题在这里已经有答案了 我想弄清楚如何反转字符串temp当我以二进制数读取字符串时 istream operator gt gt istream dat1d binary b1 string temp dat1d gt gt temp

  • Android 检查是否设置了锁屏

    我需要检查锁屏是否有 Pin 码或更安全的东西 密码 指纹等 我能够检查是否有 PIN 密码或图案 KeyguardManager keyguardManager KeyguardManager context getSystemServi

  • 如何从命令行将 .mp4 视频与 .wav 音频以及 ffmpeg 中的偏移量结合起来？

    我有一个包含音频和视频的 mp4 格式的电视剪辑以及一个 WAV 音频评论轨道 我一直在尝试将它们组合在ffmpeg中 然后用flash播放器在线播放 只能采用h264格式 完成此任务的最佳 ffmpeg 命令是什么 我的输入是 MP4 视

  • 通过正则表达式和 classList 检查元素是否包含类

    我有一个简单的元素列表 如下所示 ul class items list li class item item 1 li li class item item 2 li li class item item 3 li li class it

  • WRITE_EXTERNAL_STORAGE 在棒棒糖上不起作用，即使它已在清单中设置

    我正在尝试将图像从应用程序本地数据文件夹保存到外部存储 我的清单包含以下内容 在清单的应用程序标签之前

  • 如何在Python API中使用plotly在x轴范围中位位置绘制垂直线？

    我正在尝试绘制一条动态定位的垂直线 以便在发生过滤时 该线会相应移动 例如 使用下面的代码 我可以在 25K 处绘制一条固定垂直线 该线以完整数据集作为中位数 但是当数据仅过滤为 美洲 时 因为 x 轴范围现在为 45K 该线不再处于中间位

  • Long 的标量范围

    我是 Scala 语言的新手 我需要长类型的范围 我需要第 1 步中的 1 2 3 10000000 列表 如果我使用 Until to 则会因为使用 Long 而不是 Int 而收到错误 我尝试编写一个简单的函数 它需要一个开始 一个结束

  • Ruby on Rails。如何在 :belongs to 关系中使用 Active Record .build 方法？

    我一直无法找到有关 Rails 中 build 方法的任何文档 我目前使用的是 2 0 2 通过实验 您似乎可以使用 build 方法将记录添加到has many保存任一记录之前的关系 例如 class Dog lt ActiveRecor

  • SonarQube Java版本用于验证代码

    我如何知道哪个版本的 Java SonarQube 验证了代码 是JVM的版本吗 如果我的项目基于不同的版本怎么办 默认值为 1 5 要设置合适的版本 您需要设置sonar java source财产要告诉PMD您的源代码符合哪个版本的 J

  • Angular2 中的 Selects 事件

    拜托 你能帮我吗 这应该很容易 但我找不到解决方案 有一个带有两个选择的表单 当 select1改变时 select2需要根据 select1的值显示数据 例如 获取每个州的城市 有点儿 html

  • Swift - 将本地 CSS 应用到 Web 视图

    我正在 Web 视图中加载 html 页面 并且想要应用本地 css 文件 我从服务器接收字符串中的 html 并且 css 将在我的应用程序中 例如这里我想显示 Hello 红色的 self articleView UIWebView f

  • 如何在 Rust 中使用极地日期？

    我正在使用 LazyCsvReader 读取文件 并且该文件包含日期列 LazyCsvReader 将日期读取为字符串 日期的格式为 m d Y 如何正确处理日期 有一个page对于这个 但它是针对 python 的 我试图阅读文档但无法弄

  • 从命令行启动 Python IDLE 来编辑脚本

    我尝试过这个命令的许多变体 idle py e filepath 但它只是像平常一样启动 IDLE 不会打开任何额外的窗口进行编辑 也不会抛出任何错误 那么我怎样才能通过命令行 甚至可能是Python模块 来完成打开IDLE 文件 gt 打

  • 如何使用 System.ComponentModel.DataAnnotations.AssociationAttribute

    前段时间我问过这样一个问题 每个 System ComponentModel DataAnnotations 属性的用途是什么 然而 我没能得到回复 这个问题有点宽泛 因为它要求提供有关每个数据注释属性的文档 此时此刻 我最感兴趣的是Ass

  • PHP MySQL INSERT 通过一次查询执行返回值

    在执行 INSERT 查询时 MySQL PHP 是否返回任何内容 这是我在课堂上的功能 function mysqlQuery query Gets the results from the query results mysql que

  • Symfony2 将值传递给集合表单类型

    我有以下实体关系 客户有一对多地址 一个地址有多对一的县和多对一的市 一个县有一对多的城市 所以 在我的 CustomerType 中 我有 public function buildForm FormBuilderInterface bu

  • Codeigniter 显示空白页，没有错误

    我有一个 codeigniter 应用程序 它在本地主机上运行良好 当我在服务器上上传相同内容时 它显示空白页面并且没有返回错误 我也用过大约 Stackoverflow 或其他网站上提到的所有方法 请指导我 UPDATES 我发现有 th

  • Stripe - PHP 致命错误：未找到“Stripe\Charge”类

    我一直在关注 Stripe 文档 但无法创建 费用 收费 php require var www stripe php 2 1 1 lib Stripe php Stripe Stripe setApiKey KEY HERE Stripe

  • 如何从 URL 获取 YouTube 视频 ID？

    我想要得到v id来自 YouTube 的 URL 使用 JavaScript 无 jQuery 纯 JavaScript YouTube URL 格式示例 http www youtube com watch v u8nQa1cJyX8

热门标签