Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #385789

    Hi,
    I would like to have our website visitors click on an image link that will open up a modal window with a video playing in it. Is there a way to do this with Enfold and if not is there any plugins that you recommend for this?

    #385925

    What di you mean by ‘modal window’. Can you gove an example page?

    #386523

    Hey!

    You can use our image shortcode and then set the link to your video. The code would look something like this.

    [av_image src='http://localhost/wp-content/uploads/2015/01/waterfall-247x300.jpg' attachment='3657' attachment_size='medium' align='center' animation='no-animation' link='manually,http://www.youtube.com/watch?v=G0k3kHtyoqc' target='' styling='' caption='' font_size='' appearance='' custom_class=''][/av_image]
    

    When the link is set to a youtube or vimeo video then it should open up in the magnific popup.

    Best regards,
    Elliott

    • This reply was modified 9 years, 11 months ago by Elliott.
    #386633

    Thank you very much Elliott.
    Is there a way to also hide the back and forward buttons once the video starts playing in the modal? Right now I see:

    < “video” >

    Basically a <> wraps the actual video.

    The buttons are probably due to the fact that I have an image in that particular post.

    • This reply was modified 9 years, 11 months ago by Edna.
    #387117

    Hey!

    Can you post the link to your page where we can see the issue please?

    Regards,
    Yigit

    #387198
    This reply has been marked as private.
    #387202

    Hi!

    Can you please publish the page then post the link once again?

    Best regards,
    Yigit

    #388282

    Hi Yigit,
    Here is the link:
    http://b85.a2f.myftpupload.com/lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-2-2/ I am pretty sure the arrows are due to the first image on the post.

    Would it be possible to have such a link (to open the modal) from within a layer slider as well?
    And how can I disable the overlay icon?

    Thanks so much for all
    Edna

    #388291

    Hey!

    Please add following code to Quick CSS

    .mfp-iframe-holder .mfp-arrow {
    display: none;
    }
    span.image-overlay.overlay-type-video {
    display: none!important;
    }

    Cheers!
    Yigit

    #388318

    Thanks so much Yigit. It worked wonderfully

    Edna

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Modal Pop up to play video’ is closed to new replies.