从网页结果中提取网址,并在iframe中显示该网址

时间:2018-10-30 16:05:59

标签: javascript iframe text-extraction twitch-api

我的上一个剪辑结果位于here,这给了我类似

Last clip created by HeyitsLonestar while playing Deadlight - https://clips.twitch.tv/SarcasticRacySrirachaTBCheesePull

我希望能够仅提取网址并将其放入如下所示的iframe中,但不知道如何做:

<iframe
src="https://clips.twitch.tv/embed?clip=SarcasticRacySrirachaTBCheesePull"
height="360"
width="640"
frameborder="0"
scrolling="no"
allowfullscreen="true">
</iframe> 

似乎在创建新剪辑时都需要URL的最后一部分来使其自动化:

 SarcasticRacySrirachaTBCheesePull

2 个答案:

答案 0 :(得分:1)

假设您的结构始终以 clips.twitch.tv / 开头,则可以使用此正则表达式仅提取最终内容:

/^(.+\/(\w+))?/gm

如果要查看示例,可以查看此Codepen

答案 1 :(得分:1)

如果保证结果的格式始终以URL结尾,则可以用/分割字符串,并使用以下命令获取最后一个标记:

result.split('/').pop()

虽然正则表达式通常使用 进行字符串解析,但有时基本的拆分方法仍然有效,并且易于遵循。

演示:

var result = 'Last clip created by HeyitsLonestar while playing Deadlight - https://clips.twitch.tv/SarcasticRacySrirachaTBCheesePull';

console.log(result.split('/').pop())