1. Our web server is getting tweaked this week and as a result some links are behaving strange. We're working on getting everything back to normal ASAP.
    Dismiss Notice
Dismiss Notice
Alien Soup is a free community for fans of science-fiction, horror, & fantasy! Everybody is welcome here.

XenForo Vine BB Code Media Site for XenForo

Guide for adding embedded Vine videos to XenForo

Tags:
  1. Kevin
    Vine is a mobile service by Twitter that lets you capture and share short looping videos. The videos on Vine are meant to be brief, like a tweets on Twitter, and so they are limited to 6 seconds or less. (Example at Cool Sci-Fi)

    When a Twitter user tweets a Vine video then the video will appear inline on Twitter owned sites. For example, this tweet by director James Mangold contains a Vine video teaser for the new The Wolverine movie with Hugh Jackman.



    If you click on the link "The Wolverine's post on Vine" you are then directed to the Vine web site.

    https://vine.co/v/bDExaiMjJ1F

    Embedding the Vine video into your XenForo posts is pretty easy using a BB Code Media Site definition. Just follow the directions below.

    Go into your XenForo to create a new BB Code Media Site.

    XF ACP => BB Code Media Sites => Add BB Code Media Site

    Media Site ID: vine
    Site Title: Vine
    Site URL: http://vine.co
    Match URLS:
    Code:
    https://vine.co/v/{$id}
    Embed HTML:
    Code:
    <p><iframe src="https://vine.co/v/{$id}/card?mute=1"
    width="500px" height="500px" frameborder="0" title="Embedded Video Player"></iframe></p>
    That's it, you're all done! Depending on your XenForo style you may want to adjust the width & height variables in the HTML. ;)



    XF BB Code Media Site - Vine.PNG