Docs

[BrandLikeIt]

I’ve been trying to add a video embed code to the video lock plug in and nothing seems to show up (see attached). Here is the embed code: http://brandlikeit.wistia.com/medias/nmrafopyrh?embedType=async&videoWidth=750

My site is Peterhonore.com and I’m using Version 4.64 X.

[Rue Nel]

Hello There,

Thanks for writing in! What you current have is a video page link and not a video embed code. This is the reason why it is not working. Please get the correct embed code from Wistia. You might want to review the documentation on how you can generate a Wistia video embed code. These links might help you:
https://wistia.com/doc/construct-an-embed-code
https://wistia.com/doc/embedding

Hope this helps.

[BrandLikeIt]

When I add the iframe version of the code the video player completely disappears. You can test it yourself. Here is the embed code:

<iframe src=”//fast.wistia.net/embed/iframe/nmrafopyrh” allowtransparency=”true” frameborder=”0″ scrolling=”no” class=”wistia_embed” name=”wistia_embed” allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width=”750″ height=”422″></iframe>
<script src=”//fast.wistia.net/assets/external/E-v1.js” async></script>

[BrandLikeIt]

Also the embed code works fine on the normal page. But for some strange reason it does not work with video lock. (see attached)

[BrandLikeIt]

See image

[Rue Nel]

Hello There,

Thanks for updating in! Normally the embed code textarea for the X Video Lock will only accept iframe tag and no script tag. So I would suggest that you do the following:
1] Please add this video embed code instead:

<iframe src="//fast.wistia.net/embed/iframe/nmrafopyrh" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width="750" height="422"></iframe>

2] And then assuming that your child theme is set up, please add the following code in your child theme’s functions.php file

// Add Wistia external JS file
// =============================================================================
function add_wistia_js(){ ?>
  <script src="//fast.wistia.net/assets/external/E-v1.js" async></script>
<?php }
add_action('wp_footer', 'add_wistia_js');
// =============================================================================

If you do not have a child theme, please install and activate it. A child theme allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

The final output should be like this:
http://prntscr.com/dkgmhp

Hope this helps.

[Author]

Posts