Embed Wistia video into landing page

  • 18 October 2013
  • 24 replies
  • 69 views
S

How do I embed a Wistia video into my landing page? I’m dragging a video box to the desired area, posting the HTML code generated by Wisita (tried Wistia’s variations of video code; in-line, pop-over and e-mail embed), but I’m being told that the code is invalid every time.

24 replies

Johnny_Opao
Userlevel 3

Hi Stuart - Either Inline Embed or Popover Embed should do the trick. However you’ll need to change the “Embed Type” under options should to “iFrame”

That should work, but if your having any issues feel free to start a support ticket and we’ll be happy to dig in.

S

Hi Johnny,

I tried every option that Wistia allows, including iFrame and the advanced options of Wordpress, HTTPS and video foam. None of them worked.

Am submitting a support ticket now.

Thanks,

Stu

Ryan

Hey Stu - I’ll quickly follow up and say that even if the video embed says the code is invalid, you should try publishing your page to see if the code works as expected. We’re in the process of tweaking the validator and it’s currently very, very strict.

R

i am also having this same problem. Has this been solved?

S

I ended up using the Wistia iFrame with no oembed setting, see screenshot. At the time, you had to publish the page before seeing it play, but now it works within the editor. Hope this helps.

R

I’m using the pop over embed settings in which there is no option to change the embed type. Have you had any experience with the pop over embed code in unbounce?

S

I remember I tried that at the time and it didn’t work, but my issues with the inline embed were resolved via customer service, so I would definitely suggest getting in touch with the excellent Unbounce support team.

Johnny_Opao
Userlevel 3

Hi Robert! - I took a peek at your pages and it appears your got the wisita video working properly with the pop over embed settings. For anyone else interested in the process this can be done by following Wisita’s guide below:

https://wistia.com/doc/popover-customi…

Be sure to drop the embed code into a “CustomHTML” object rather than a “Embed Video” object for this specific setup.

V

Hi Johnny,
Is it possible to embed the video on a button link? I will like the button to read “See Video”. I am using Fancy Box for the video.

Meghan_Wagner
Rank

Hey there Veronica,

I’m going to send you a personal email on how to set that up - keeps your eyes open for it 🙂

V

Got it! Thanks for the help.

S

I don’t see the settings on how to embed wistia from this thread.  It is something that should be straight forward, and instead, its a complete time-suck.  Can you post the EXACT settings in wistia? I’ve tried quite a few combinations with no success, and I integrate for a living…thank you!!

Meghan_Wagner
Rank

Hey there Scott,

You will only be able to embed the iframe code, nothing else into the video widget.

For example, this may be what Wistia gives you:

The

J

Thanks for chiming in, Meghan! 🙂

A

Hi, I know this is an old thread, I am able to imbed my video without any issues but don’t seem to be able to resize to fit both desktop and mobile. I can set the iframe size for desktop and it is too big for mobile and I don’t seem to be able to choose different settings for each.

A

Ignore that! Got it. Choose the responsive option in wistia and pick up just the imbed code.

S

Take out the last line of code and it works.

J

Happy to hear you were able to get it working! :) 

W

Thanks Meghan!!! This is very helpful!

p_B

I don’t see a complete answer here…Is there an answer? Why after 3 years are we having issues with this still?

p_B

Here it is Dec 2016 and I am having the same issues… I do not see a straight forward answer any where. This is so frustrating…especially since after 3 years you would think this would have been resolved or some sort of easily deciphered how to would have been put up.

J

Hi @p_B!

It looks like some of the formatting in @Meghan_Wagner’s post got stripped out.

Once you have your embed code, just remove the <script> tags in your embed code, so your script will look like this:



Give that a shot and let me know if it works. 🙂

                                
            
                        


    
    

                    
                                    
                            
            
            

                                        

                        




                        




    
    


        





        

        

                            p_B
                    

                    

            
    


        

            

    
    

        
    


    
    

        
Thanks! I submitted a help ticket and they got back to me and cleared it up. This is something that should be a redirect with that error message so people can be taken to a page with the solution. Thanks again!

                                
            
                        


    
    

                    
                                    
                            
            
            

                                        

                        




                        




    
    


        





        

        

                            Margot_Mazur
                    

                    

            
    


        

            

    
    

        
    


    
    

        
Great news! You can now add your Wistia videos to your Unbounce pages using the Unbounce video block. Just copy your Wistia embed code, drag in the video block, and paste it in. Hooray!

                                
            
                        


    
    

                    
                                    
                            
            
            

                                        

                        




            
                

          

                

                    
                                            

                    

                        
                
                        
  
Reply










                    

                

                                

        

    


            

                                      

                                                                                                
            






        

                        

    
    





    


                                        

                                                        

            
        
    






                        
Terms & ConditionsCookie settings