Autor Zpráva
T-fon
Profil
Ahoj, toto je část kódu z wysiwygu, kde se přidávají videa:
this.createVideoNode = function (url) {
 //...
      var $video;
      if (ytMatch && ytMatch[1].length === 11) {
        var youtubeId = ytMatch[1];
        $video = $('<iframe allowfullscreen>')
            .attr('src', 'https://www.youtube.com/embed/' + youtubeId);
      } else if //...

      $video.addClass('embed-responsive-item');

      return $video[0];
    };

A já si tam přidal wrap, aby bylo responzivní:
        $video = $('<iframe allowfullscreen>')
            .attr('src', 'https://www.youtube.com/embed/' + youtubeId)
            .wrap('<div class="embed-responsive embed-responsive-16by9"></div>');

Iframe se ale divem neobalí. Prosím o pomoc se správným postupem.


Edit: zkusil jsem wrap přidat až na konec (za addClass), ale taky bez úspěchu ($video.wrap('<div class="embed-responsive embed-responsive-16by9"></div>');)
Kajman
Profil
V DOM v paměti se tam ten div kolem dá, ale funkce stále vrací odkaz na element iframe. A následný kód, který element vrácený funkcí dá někam do DOM stránky, tedy ten div nepoužije.

Pokud se třída embed-responsive-item má nastavit tomu divu, tak do $video můžete uložit ten div díky $video=...wrap(...).parent() a pak se při větvi yt vrátí div obsahující iframe.

Pokud třída embed-responsive-item patří iframe, tak třeba až před return můžete dát
$video=$('<div class="embed-responsive embed-responsive-16by9"></div>').prepend($video);
T-fon
Profil
Je to Bootstrap 4, třída item patří iframu. Funguje to perfektně takhle s prepend. Díky moc.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: