Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #437170

    Hi.

    There is workaround that I followed in this forum to embed a wistia video on a text container. That was fine until now.

    I want my video to pop up in a lightbox when I press a button on my site. It doesnt work with or without oEmbed.
    I put this oEmbed code on text containter (which is the code that wistia gives me) and works fine “as a link”

    http://mwpanama.wistia.com/medias/oc449rstgu?embedType=popover&popoverText=This%20is%20my%20popover%21&videoWidth=640

    I tried to put it inside a button shortcode and it wouldnt pop as a lightbox. It would just link back to url.

    Now without the use of oEmbed, this is the code

    <a href="//fast.wistia.net/embed/iframe/bgwigeverx?popover=true">This is my popover!</a>
    <script charset="ISO-8859-1" src="//fast.wistia.com/assets/external/popover-v1.js"></script>

    Maybe if I put the script inside somewhere it would help? I dont know. Would really appreciate if anyone can help.

    Best Regards.

    • This topic was modified 8 years, 11 months ago by pifias.
    #438189

    Hey pifias!

    This is the script we use for the popups, http://dimsemenov.com/plugins/magnific-popup/. I know you can use youtube and vimeo but I’m not sure about wistia. It would be best to contact them to see if it’s possible.

    If your still having trouble then what I would do is upload your video to youtube or vimeo.

    Cheers!
    Elliott

    #438218

    Hi Elliott.

    Thanks for your fast reply.

    The popup works fine if I use it just as a link. It doesn’t work if I paste the code inside the button box, nor does it work if I make a button using the shortcode button and then pasting the popup link. What I need is a workaround to make it pop from a button. The first code I wrote is using oEmbed, the second one doesnt use oEmbed. You think you can help me figure out why neither of the links work on a button?

    Best Regards.

    #438251

    So I think I found the problem but I don´t know a way around it.
    When I input the link that wistia gives me into a text box, it recognizes it and works like a charm. Why? because it gives the proper class to the link.
    And it even writes down the script that needs to go with it. How could I overwrite the class button like that? I tried shortcode button but it always writes the class avia. I even tried the custom css property with no avail.

    <p><a href="//fast.wistia.net/embed/iframe/oc449rstgu?popover=true?videoFoam=true" class="wistia-popover[height=388,playerColor=010658,width=640]">This is my popover!</a><script charset="ISO-8859-1" src="//fast.wistia.com/assets/external/popover-v1.js"></script></p>

    • This reply was modified 8 years, 11 months ago by pifias.
    #439052

    Hey!

    So you need to add a class to the button? You can do this, http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/, to add classes to the elements in the layout builder.

    Cheers!
    Elliott

    #586199

    Were you ever able to figure this out? I am struggling with the same issue.

    #586886

    Hi RyanSarver,

    Not sure, let’s see if @pifias could share a possible solution?

    Thanks,
    Rikard

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.