Как конвертировать каждую ссылку на YouTube на мои посты WordPress для вставки?

Question

Я использую последнюю версию WordPress, у меня сейчас около 10000 постов на моем сайте.

У меня есть хороший плагин, который делает мой веб-сайт немного более причудливым, но мне нужно добавить простой код для каждого показанного изображения и каждого встроенного видео на YouTube, которое есть в моих сообщениях (если бы я мог выбрать пользователя, добавившего его, это было бы идеально)!) чтобы заставить его работать

я знаю, что код для вставки YouTube

<iframe width="560" height="315" src="//www.youtube.com/embed/NrH9CqnzzRU?list=PLHPcpp4e3JVpXbtgyD-k-nCmwpbbMIHOh" frameborder="0" allowfullscreen></iframe>    

что мне нужно сделать, это добавить

<div class="featuredvideo"><iframe width="560" height="315" src="//xxxxxxxxxxxxxxxxxxxxxxxxx" frameborder="0" allowfullscreen></iframe></div>    

так что я хочу добавить эти вещи до и после "XXXX" с

я не программист, поэтому, пожалуйста, дайте мне код

я знаю, что AJAX может искать всю папку с кодом, как

<button>AJAX</button>
<br>
<div id = "container"></div>

<script type="text/javascript">

$("button").click(function(){
    $.get("sample.html",function(data){
    $("#container").html(data);
    })

});    

который просто получит HTML из файла, но это то, что я хочу сделать здесь.

Пожалуйста, помогите мне, дайте мне плагин или код для работы с

благодарю вас

Answer 1

Чтобы обернуть iframes Youtube с помощью div, как требуется, просто используйте это...

$(function() {
    $("iframe[src*=www.youtube.com]").wrap("<div class=\"featuredvideo\" />");
});

Это запустится, когда документ будет загружен. Он найдет все фреймы со строкой www.youtube.com в src атрибут и оберните их в необходимом div.

Очевидно, что если вы добавите еще несколько фреймов на страницу позже, и они не будут перезагружены, вам придется снова запускать этот код. Если бы вы сделали именно это, то снова поместили бы iframes в div, что было бы неправильно. Это будет обрабатывать запуск кода несколько раз...

function wrapYoutubeEmbeds() {
    $("iframe[src*=www.youtube.com]").each(function() {
        if (!$(this).parent().hasClass("featuredvideo")) {
            $(this).wrap("<div class=\"featuredvideo\" />");
        }
    });
}

$(function() {
    wrapYoutubeEmbeds();
});

Он просто проверяет, находится ли каждый iframe внутри чего-то с классом featuredvideo и игнорирует это, если это так.