This topic contains 1 reply, has 2 voices, and was last updated by Zis Zis 2 years, 12 months ago.

displaying video in portfolio block


  • casdadog
    Participant

    Posts: 4
    Member Reply #1371

    Hi There

    I am trying to display a locally hosted video in the portfolio block. I have changed the code so that it used Bootstrap responsive video and the classes now look like this for the video

    class=”fancybox-video valign-center embed-responsive embed-responsive-16by9

    I have also added the fancybox-video class in layout.js as follows…

    $(‘.fancybox-video’).fancybox({

    type: ‘iframe’

    });

    This works in Chrome but not in IE9, what do I need to do to get it to work in IE9?

    Thanks

    Casson

    • This topic was modified 3 years ago by  casdadog.
    • This topic was modified 3 years ago by  casdadog.
    Zis
    Zis
    Participant

    Posts: 150
    Support Staff Reply #1397

    Hi

    Sorry for the late reply. We have been super busy with update.

    Our team tested the code shown above, and it works fine in all browsers (including IE9).

    Can you please follow the example,

    HTML code structure

    <a class=”fancybox-video valign-center embed-responsive embed-responsive-16by9″ href=”//player.vimeo.com/video/72343553″ title=”Project Name” data-rel=”fancybox-button”>

    and JS code

    var Portfolio = function () {

    return {

    //main function to initiate the module

    init: function () {

    $(‘.mix-grid’).mixitup();

    $(‘.fancybox-video’).fancybox({

    type: ‘iframe’

    });

    }

    };

    }();

    Please keep us updated and let us know if you need further help. Our team would really appreciate your association.

    Thank you. 🙂

Tagged: 

You must be logged in to reply to this topic.