1 odpowiedzi na ten temat

[faro]

Dzień dobry, chciałem zapytać czy za pomocą modułu TinyMce editor PRO uda się wstawić video YT wyswietlane po kliknieciu w fancyboxie - gdzie będę mógł okreslić wymiary odtwarzanego filmu

[vekia]

Witam,
tak, jest to możliwe
można utworzyć taki kod, który otworzy fancyboxa z filmem video.
 

1. w konfiguracji modułu włączamy opcję na dołączenie bibliotek fancybox
2. następnie na stronie, gdzie chcemy utworzyć button otwierający okno fancybox z filmem youtube wstawiamy kod linku:
   

   <a class="infancybox" href="https://www.youtube.com/embed/jid2A7ldc_8?autoplay=1">Youtube (iframe)</a>

3. następnie dodajemy kod który zainicjuje fancyboxa po kliknięciu w link który ma klasę class="infancybox"
   

   <script>$(document).ready(function () {    $(".infancybox").fancybox({
           type: "iframe",
           maxWidth: 800,
           maxHeight: 600,
           fitToView: false,
           width: '70%',
           height: '70%',
           autoSize: false,
           closeClick: false,
           openEffect: 'none',
           closeEffect: 'none'
       });
   })</script>

przykład działania:
https://codepen.io/VEKIA/pen/Rjagvp

 

Uwaga

Aby nie wklejać wszędzie kodu js bezpośrednio do treści strony, na której ma wyświetlać się ten fancybox - proponuję kod :

$(document).ready(function () {
    $(".infancybox").fancybox({
        type: "iframe", //<--added
        maxWidth: 800,
        maxHeight: 600,
        fitToView: false,
        width: '70%',
        height: '70%',
        autoSize: false,
        closeClick: false,
        openEffect: 'none',
        closeEffect: 'none'
    });
});

wstawić na końcu pliku global.js (w katalogu /js/ który znajduje się w szablonie).
wtedy wystarczy w treściach stron wstawiać tylko linki, bez konieczności wklejania kodu js.