Lightbox Vimeo video Descriptions

Hey kkirchem,

Thank you for using Enfold.

Have you tried using the same description for the image in which you link the vimeo media file? You can add the description as the title of the image in the Media > Library panel.

Best regards,
Ismael

Hi,

Thanks for the update.

You may need to re-initialize the lightbox using different parameters. First, turn on the custom css class field so that you can add a unique class attribute to the image element. Once the field is activated, edit the image element and then add the “mfp-video” text in the css class field. To initialize the light script, use this code in the functions.php file.

add_action('wp_footer', 'ava_init_video_lightbox');
function ava_init_video_lightbox(){
?>
<script type="text/javascript">
(function($) {  
    function videoLightbox() {
        $('.mfp-video a').magnificPopup({
            type: 'iframe',
            mainClass: 'mfp-with-fade',
            iframe: {
                markup: '<div class="mfp-iframe-scaler">' +
                '<div class="mfp-close"></div>' +
                '<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>' +
                '<div class="mfp-description mfp-description-video"></div>' +
                '</div>',

                patterns: {
                    youtube: {
                        index: 'youtube.com/',
                        id: 'v=',
                        src: '//www.youtube.com/embed/%id%?autoplay=1'
                    },
                    vimeo: {
                        index: 'vimeo.com/',
                        id: '/',
                        src: '//player.vimeo.com/video/%id%?autoplay=1'
                    }

                },

                srcAction: 'iframe_src',
            },

            callbacks: {
                markupParse: function (template, values, item) {
                    values.description = item.el.find('img').attr('title');
                }
            },
        });
    }

    $(document).ready(videoLightbox);
})(jQuery);
</script>
<?php
}

Don’t forget to purge the cache before checking the page.

Best regards,
Ismael

Hi,

Yes, you can add it at the very end of the functions.php file. Make sure that it was copied directly from the forum and not from your email.

Best regards,
Ismael