javascript - 如果是 YouTube 嵌入，则定位 iframe

Question

我想将页面上的所有 YouTube 嵌入内容包装到一个 div 中。目前，我可以将所有 iframe 包装在 div 中:

   jQuery(document).ready(function(){

    jQuery('iframe').wrap("<div class='ta-vid-cont'></div>");

   });

但我只想定位 YouTube 嵌入的 iframe。我怎样才能做到这一点？

典型的 YouTube 嵌入内容如下:

<iframe width="700" height="394" frameborder="0" allowfullscreen="" src="https://www.youtube.com/embed/d3LDQMKLc?feature=oembed&wmode=transparent">

Answer 1

可以使用Attrubute Contains选择器

$('iframe[src*="youtube"]').wrap("<div class='ta-vid-cont'></div>");

引用Attribute Contains Selector docs