Arhn - архитектура программирования

как преобразовать каждую ссылку YouTube, которая есть в моих постах WordPress, во вставку?

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

у меня есть хороший плагин, который делает мой веб-сайт немного более модным, но мне нужно добавить простой код для каждого избранного изображения и каждого встроенного видео на 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 из файла, но это то, что я хочу сделать здесь.

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

Спасибо

wordpress php jquery youtube replace
02.12.2014

  • Итак, вы хотите обнаружить iframes YouTube и обернуть их этим div? 02.12.2014
  • да именно это я и хочу сделать! 02.12.2014
  • Хорошо, без проблем. Я добавлю ответ. 02.12.2014

Ответы:


1

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

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

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

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

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

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

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

02.12.2014
Новые материалы
Коллекции публикаций по глубокому обучению
Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..
Представляем: Pepita
Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..
Советы по коду Laravel #2
1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..
Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..
3 способа решить квадратное уравнение (3-й мой любимый) -
1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..
Создание VR-миров с A-Frame
Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..
Демистификация рекурсии
КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..