首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >PHP - preg_replace YouTube嵌入,不管顺序如何。

PHP - preg_replace YouTube嵌入,不管顺序如何。
EN

Stack Overflow用户
提问于 2019-02-26 05:40:32
回答 1查看 490关注 0票数 0

我试图从YouTube嵌入代码中捕获3个元素,但有时这些元素的顺序不同,或者有时,嵌入代码包含更多参数。

我想找到一种方法来提取视频ID,宽度和长度,以便创建一个YouTube集成为AMP。

嵌入示例:

代码语言:javascript
复制
<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>

应该转化为:

代码语言:javascript
复制
<amp-youtube data-videoid="bpcNPHqs4ng" width="560" height="315" 
layout="responsive"></amp-youtube>

如果嵌入总是相同的,这将很容易解决,但有时嵌入代码从源代码开始,有时以宽度开始,...所以不管是什么顺序,我都需要捕获ID、宽度和高度。

我能用PHP中的preg_replace做到这一点吗?

我试过这个:

代码语言:javascript
复制
preg_replace('/<iframe width="([0-9]+)" height="([0-9]+)" src="https:\/\/www.youtube.com\/embed\/([A-Za-z0-9]+)" (.*)><\/iframe>/', '<amp-youtube data-videoid="$3" width="$1" height="$2" layout="responsive"></amp-youtube>', $article);

$article包含了使用YouTube嵌入的整篇文章。

如果DOM解析器可以做同样的事情,对我来说也没问题,但我对此不太熟悉。

谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-02-26 06:20:58

以下是问题的DOMDocument解决方案,使用DOMXPath搜索具有包含youtubesrc属性的iframe标记,然后将其替换为相应的<amp-youtube>元素:

代码语言:javascript
复制
$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();

输出(用于我的演示数据):

代码语言:javascript
复制
<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>

Demo on 3v4l.org

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54875080

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档