PHP - preg_replace YouTube 嵌入与顺序无关
PHP - preg_replace YouTube embed no matter the order
我试图从 YouTube 嵌入代码中捕获 3 个元素,但有时这些元素的顺序不同,或者有时嵌入代码包含更多参数。
我想找到一种方法来提取视频 ID、宽度和长度,以便为 AMP 创建 YouTube 集成。
嵌入示例:
<iframe width="560" height="315" src="https://www.youtube.com/embed/bpcNPHqs4ng" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
应转化为:
<amp-youtube data-videoid="bpcNPHqs4ng" width="560" height="315"
layout="responsive"></amp-youtube>
如果嵌入始终相同,则很容易解决,但有时嵌入代码以源代码开头,有时以宽度开头,...所以无论我需要捕获 ID、宽度的顺序如何和身高。
我可以用 PHP 中的 preg_replace 来做到这一点吗?
我试过这个:
preg_replace('/<iframe width="([0-9]+)" height="([0-9]+)" src="https:\/\/www.youtube.com\/embed\/([A-Za-z0-9]+)" (.*)><\/iframe>/', '<amp-youtube data-videoid="" width="" height="" layout="responsive"></amp-youtube>', $article);
$article 包含使用 YouTube 嵌入的整篇文章。
如果 DOM 解析器可以做同样的事情,对我来说也可以,但我对此不太熟悉。
谢谢
这里有一个 DOMDocument
solution to your problem, using DOMXPath
来搜索 iframe
具有包含 youtube
属性的 src
标签,然后用相应的 <amp-youtube>
替换它们元素:
$doc = new DOMDocument();
$doc->loadHTML($article, LIBXML_HTML_NODEFDTD);
$xpath = new DOMXPath($doc);
foreach ($xpath->query("//iframe[contains(@src, 'youtube')]") as $youtube) {
// create a new node
$node = $doc->createElement('amp-youtube');
// set attributes
$node->setAttribute('data-videoid', basename(parse_url($youtube->getAttribute('src'), PHP_URL_PATH)));
$node->setAttribute('width', $youtube->getAttribute('width'));
$node->setAttribute('height', $youtube->getAttribute('height'));
$node->setAttribute('layout', 'responsive');
// and now replace the old node
$youtube->parentNode->replaceChild($node, $youtube);
}
echo $doc->saveHTML();
输出(我的演示数据):
<html>
<body>
<div>some text</div>
<iframe name="notyoutube" src="http://example.com"></iframe>
<p>some more text</p>
<amp-youtube data-videoid="bpcNPHqs4ng" width="560" height="315" layout="responsive"></amp-youtube>
<div>one last div</div>
</body>
</html>
我试图从 YouTube 嵌入代码中捕获 3 个元素,但有时这些元素的顺序不同,或者有时嵌入代码包含更多参数。
我想找到一种方法来提取视频 ID、宽度和长度,以便为 AMP 创建 YouTube 集成。
嵌入示例:
<iframe width="560" height="315" src="https://www.youtube.com/embed/bpcNPHqs4ng" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
应转化为:
<amp-youtube data-videoid="bpcNPHqs4ng" width="560" height="315"
layout="responsive"></amp-youtube>
如果嵌入始终相同,则很容易解决,但有时嵌入代码以源代码开头,有时以宽度开头,...所以无论我需要捕获 ID、宽度的顺序如何和身高。
我可以用 PHP 中的 preg_replace 来做到这一点吗?
我试过这个:
preg_replace('/<iframe width="([0-9]+)" height="([0-9]+)" src="https:\/\/www.youtube.com\/embed\/([A-Za-z0-9]+)" (.*)><\/iframe>/', '<amp-youtube data-videoid="" width="" height="" layout="responsive"></amp-youtube>', $article);
$article 包含使用 YouTube 嵌入的整篇文章。
如果 DOM 解析器可以做同样的事情,对我来说也可以,但我对此不太熟悉。
谢谢
这里有一个 DOMDocument
solution to your problem, using DOMXPath
来搜索 iframe
具有包含 youtube
属性的 src
标签,然后用相应的 <amp-youtube>
替换它们元素:
$doc = new DOMDocument();
$doc->loadHTML($article, LIBXML_HTML_NODEFDTD);
$xpath = new DOMXPath($doc);
foreach ($xpath->query("//iframe[contains(@src, 'youtube')]") as $youtube) {
// create a new node
$node = $doc->createElement('amp-youtube');
// set attributes
$node->setAttribute('data-videoid', basename(parse_url($youtube->getAttribute('src'), PHP_URL_PATH)));
$node->setAttribute('width', $youtube->getAttribute('width'));
$node->setAttribute('height', $youtube->getAttribute('height'));
$node->setAttribute('layout', 'responsive');
// and now replace the old node
$youtube->parentNode->replaceChild($node, $youtube);
}
echo $doc->saveHTML();
输出(我的演示数据):
<html>
<body>
<div>some text</div>
<iframe name="notyoutube" src="http://example.com"></iframe>
<p>some more text</p>
<amp-youtube data-videoid="bpcNPHqs4ng" width="560" height="315" layout="responsive"></amp-youtube>
<div>one last div</div>
</body>
</html>