javascript - 将 ?enablejsapi=1 添加到 YouTube iframe 代码

Question

我有一个 Wordpress 网站，并且有一个保存 YouTube iframe 代码的自定义字段。有一个字符串保存这些 iframe 代码，名为 $embed。视频显示在主题中，代码如下:

<?php print($embed); ?>

我想要转换我的标准 YouTube 嵌入代码，以便:

标准 YouTube 嵌入代码:

<iframe width="560" height="315" src="https://www.youtube.com/embed/uxpDa-c-4Mc" frameborder="0" allowfullscreen></iframe>

转换后的格式:

<iframe width="560" height="315" src="https://www.youtube.com/embed/uxpDa-c-4Mc?enablejsapi=1&html5=1" frameborder="0" allowfullscreen id="video"></iframe>

简单地说，我想将 ?enablejsapi=1&html5=1 添加到 URL 末尾并添加 id="video"。

如何通过操作参数$embed来获取这个iframe代码？

Tnx。

Answer 1

这会将额外的参数添加到源中。 (替换为您当前的 print($embed) 代码。

// use preg_match to find iframe src
preg_match('/src="(.+?)"/', $embed, $matches);
$src = $matches[1];

// add extra params to iframe src
$params = array(
    'enablejsapi'=> 1,
    'html5' => 1
);

$new_src = add_query_arg($params, $src);
$embed = str_replace($src, $new_src, $embed);
$embed = str_replace('></iframe>', ' ' . $attributes . '></iframe>', $embed);

print($embed);