替换youtube嵌入iframe视频ID - Javascript

Replace youtube embed iframe by video ID - Javascript

本文关键字:ID Javascript 视频 iframe youtube 嵌入 替换      更新时间:2023-09-26

我需要用bbcode之类的东西替换一些youtube iframe。例子:

样本内容:

lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem添加

[iframe width="560" height="315"]src = " http://www.youtube.com/embed/RbJjC98ArCI "帧边缘= " 0 "allowfullscreen] [/iframe]

lorem ipsum

  • 注意,我需要替换字符 BY [AND]或iframe代码将不显示。

已替换的内容:

lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem添加

(youtube) RbJjC98ArCI [/youtube]

lorem ipsum

Javascript示例代码:

var content_with_bbcodes=content.replace(SOME_REGULAR_EXPRESSION_HERE, '[youtube]$1[/youtube]');

我也想要逆。将bbcode转换为iframe…的正则表达式

有人对正则表达式有经验吗?

这里有一些东西应该可以工作。

var content_with_bbcodes=content.replace(/'[.+?embed'/(.+?)'".+']/, '[youtube]$1[/youtube]');

至于反向,这是可行的,但你必须添加宽度和高度。

// sample
var height = 100;
var width = 200;
var content_iframe=content_with_bbcodes.replace(/'[youtube'](.+?)'['/youtube']/,'[iframe height="'+height+'" width="'+width+'" src="http://www.youtube.com/embed/$1" frameborder="0" allowfullscreen][/iframe]');