1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.4 Embed Wistia videos

Discussion in 'XenForo Questions and Support' started by Clark Stott, May 29, 2015.

  1. Clark Stott

    Clark Stott New Member

    Hi
    I've been reading other posts about doing this and some have been deleted.

    Is there an easy way for me to embed Wistia videos into posts?

    I notice there are a few other videos sites where you can simply add the URL in the media section, is Wistia going to show up there anytime?

    Thanks
    Clark
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    You can create custom bb code media sites in the ACP.
     
  3. Clark Stott

    Clark Stott New Member

    Thank Brogan, is there is BB Code for Dummies page somewhere?
    I can see where to add New Custom BB code but what do I add in there that will allow the Wistia videos to play?
     
  4. Clark Stott

    Clark Stott New Member

    Do I put the wistia embed code in the HTML replacement area? Just guessing here...
     
  5. Brogan

    Brogan XenForo Moderator Staff Member

    You need to get the HTML embed code from Wistia which will then allow the bb code to be created.
     
  6. Clark Stott

    Clark Stott New Member

    Cool I have that, so I take it I will need to repeat this step for each video?
    Does this tool just allow me to covert HTML to BB Code?
     
  7. Brogan

    Brogan XenForo Moderator Staff Member

    You replace the unique video identifier with $id which then allows you to embed any video automatically.
     
  8. Clark Stott

    Clark Stott New Member

    Cool, thanks. I will give that a go
     
  9. Clark Stott

    Clark Stott New Member

    Hi there,
    Still struggling with this one...

    I've tried adding a screenshot to share but it says the file is too large for the server, even though its only 60kb - not sure what I'm doing wrong there?

    I've created a Custom BB Code called wistia_video.

    All I have done is add the wistia embed code to the HTML Replacement box so I know I'm missing steps, I haven't changed anything else.

    My embed code from wisita is this <iframe src="//fast.wistia.net/embed/iframe/brd1i70gdh" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width="500" height="281"></iframe><script src="//fast.wistia.net/assets/external/E-v1.js" async></script>

    I'm not sure where/how to replace the the unique video identifier?

    I would like the video to be in this post: http://riseupbusiness.co.uk/members...eld-famous-step-6-a-buyers-3-step-process.16/

    How do I then get the video to show on this post?

    Thanks
    Clark
     
  10. Mike

    Mike XenForo Developer Staff Member

    I believe you posted about the attachment issue elsewhere, so best to continue debugging that there.

    You actually want a BB code media site for this. What is the URL for the video you're trying to embed? (We can't see the post.)
     
  11. Clark Stott

    Clark Stott New Member

  12. Mike

    Mike XenForo Developer Staff Member

    Based on the embed code you provided, you'd create a media site with:

    Match URLs:
    Code:
    wistia.com/medias/{$id}
    Embed HTML:
    Code:
    <iframe src="//fast.wistia.net/embed/iframe/{$id}" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width="500" height="281"></iframe><script src="//fast.wistia.net/assets/external/E-v1.js" async></script>
     
  13. Clark Stott

    Clark Stott New Member

    Thanks Mike

    How do I create a media site?

    I'm not a developer or coder and my HTML experience is extremely short as you are probably guessing...

    Is there a step-by-step guide that I can follow so I can get my videos on my forum? When I bought the media add-on I honestly thought it would just be an embed copy and paste or something simple like that.

    Anyway, always happy to learn I just some more basic instructions if that's possible?

    Thanks again
    Clark
     
  14. Mike

    Mike XenForo Developer Staff Member

  15. Clark Stott

    Clark Stott New Member

    That's awesome thanks
    OK I'm giving it a go now...
     
  16. Clark Stott

    Clark Stott New Member

    ok, this is what I have done in the BB Code Media Site:

    Media Site ID: wistia
    Site Title: Wistia
    Site URL: http://wistia.com
    Checked YES: Show this site on the list of 'supported' sites shown to visitors
    Match URLs: wistia.com/medias/{$id}
    Embed HTML: <iframe src="//fast.wistia.net/embed/iframe/{$id}" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width="500" height="281"></iframe><script src="//fast.wistia.net/assets/external/E-v1.js" async></script>

    Is this correct above?

    I then went to media > add media > add to an album > embed a video > https://blackberrystore.wistia.com/medias/brd1i70gdh

    Error message is: The use of this media site is not allowed.

    What have I missed?

    Thanks
    Clark
     
  17. Mike

    Mike XenForo Developer Staff Member

    I would recommend testing to make sure it works in a message first, but you need to say that this type of media site is allowed in the gallery: Media Gallery Options > Media Site Options > Allowed Media Sites
     
  18. Clark Stott

    Clark Stott New Member

    Thanks Mike, that option wasn't selected to giving it another go now
     
  19. Clark Stott

    Clark Stott New Member

    Holly crap it works! Thank-you so much :)
     
    Mike likes this.
  20. Trajan King

    Trajan King New Member

    Can you explain this? I've set up a BB code following your instructions, but no matter what video I post, it shows the same one. What am I doing wrong?
     

Share This Page