FANDOM


VideoIntegrator is a script for adding videos to MediaWiki pages, using video sources other than those pre-supported by Wikia.

Installation Instructions

Note: Because of the way it's implemented, this script can not be installed individually. It can only be used Wiki-wide.

Step 0: go to your wiki's MediaWiki:Common.js file
Step 1: amend it with this:
importScriptPage('MediaWiki:VideoIntegrator/VideoIntegrator.js', 'dev');
Step 2: use action=purge and purge killing refreshes to purge until the script loads properly.

Usage Instructions: Metacafe

To embed a video from Metacafe, you need to know the video's unique ID. In this case, we're using 6016167.

To embed a video, go to the page and edit in source mode.

Amend the text in the page at the appropriate point with this:

<span class="Metacafe" data-widget-id="6016167"></span>

Click "Publish".

Usage Instructions: Hagantube

For those of you who want to embed a Diamanda Hagan video "and have to live with that every day", you need to know the video's unique ID. This can be found by using the embed button. To embed a video from Hagantube, you need to know the video's unique ID. In this case, we're using af62651c8, the review of "Zsazsa Zaturrnah".

To embed a video, go to the page and edit in source mode.

Amend the text in the page at the appropriate point with this:

<span class="HaganTube" data-widget-id="af62651c8"></span>

Click "Publish".

Usage Instructions: Crackle

<span class="Crackle" data-widget-id="2414198"></span>

Usage Instructions: Facebook

As per usual, you need the video's unique ID, which can be found with the embed button. In this case, it's STRONGLY recommended that you predefine the width and height for the video, and keep the video's aspect ratio when doing so.

To embed a video, go to the page and edit in source mode.

Amend the text in the page at the appropriate point with this:

<span class="Facebook" data-widget-id="10201028701054369" style="width: 32em; height: 18em;"></span>

Click "Publish".

Usage Instructions: Vine

As per usual, you need the video's unique ID, which can be found with the embed button. In this case, it's STRONGLY recommended that you predefine the width and height for the video, and keep the video's aspect ratio when doing so.

To embed a video, go to the page and edit in source mode.

Amend the text in the page at the appropriate point with this:

<span class="Vine" data-widget-id="iwKr6DLhzi7" style="width: 18em; height: 18em;"></span>

Click "Publish".

Usage Instructions: Internet Archive

As per usual, you need the video's unique ID, which can be found with the embed button. In this case, it's STRONGLY recommended that you predefine the width and height for the video, and keep the video's aspect ratio when doing so.

To embed a video, go to the page and edit in source mode.

Amend the text in the page at the appropriate point with this:

<span class="internetArchive" data-widget-id="g4tv.com-video17792" style="width: 20em; height: 15em;"></span>

Click "Publish".

Usage Instructions: Afreeca

To add a video feed, you need the user's unique ID and video id, which can be found with the share button. In this case, it's STRONGLY recommended that you predefine the width and height for the video, and keep the video's aspect ratio when doing so.

To embed a video, go to the page and edit in source mode.

Amend the text in the page at the appropriate point with this:

<span class="afreeca" data-widget-id="axiaxi/171737532" style="width: 18em; height: 18em;"></span>

Click "Publish".

Usage Instructions: Yahoo TV "Or whatever they're calling it this week"

To add a Yahoo video, you need the video's unique identifier, which you can usually get from the URL bar. In this case, it's STRONGLY recommended that you predefine the width and height for the video, and keep the video's aspect ratio when doing so.

To embed a video, go to the page and edit in source mode.

Amend the text in the page at the appropriate point with this:

<span class="YahooTV" data-widget-id="episode-1-great-beyond-beyond-070100400" style="width: 32em; height: 18em;"></span>

Click "Publish".

Usage Instructions: Wikimedia Commons

To add a video from Wikimedia Commons, you must know the title of it, in a URL normalized format. Define the height and width in the CSS.

To embed the video, go to the page and edit in source mode.

Amend the text in the page at the appropriate point with this:

<span class="WikimediaCommons" data-widget-id="Kevderca_na_Lubniku_(Slovenia).ogv" style="width: 32em; height: 18em;"></span>

Click "Publish".

Usage Instructions: Funny Or Die

To add a video from Funny Or Die, you must know the video ID, and include the height and width properties.

To embed the video, go to the page and edit in source mode.

Amend the text in the page at the appropriate point with this:

<span class="funnyordie" data-widget-id="e46dd6ac30" style="width: 32em; height: 18em;"></span>

Click "Publish".

Usage Instructions: Twitch (Stream Only)

To add a live video stream from Twitch, you need to know the name of the channel.

To embed the stream, go to the page and edit in source mode.

Amend the text in the page at the appropriate point with this:

<span class="TwitchStream" data-widget-id="Bungie"></span>

Replace the data-widget-id with the video ID and submit.

Usage Instruction: Ellentube

To add a video from Ellentube, you need the video id.

To embed the video, go to the page and edit in source mode.

Amend the text in the page at the appropriate point with this:

<span class="ellenTube" data-widget-id="0_ov8zjkx9" style="width: 32em; height: 18em;"></span>

Replace the data-widget-id with the video ID and submit.

Usage Instruction: Gamestar

To add a video from Gamestar, you need the video id. This can be found with the share/embed button.

To embed the video, go to the page and edit in source mode.

Amend the text in the page at the appropriate point with this:

<span class="gamestar" data-widget-id="90413" style="width: 32em; height: 18em;"></span>

Replace the data-widget-id with the video ID and submit.

Usage Instruction: Wikia FANDOM

To add a video from Wikia FANDOM, you need the video id. This can be found with the share/embed button.

To embed the video, go to the page and edit in source mode.

Amend the text in the page at the appropriate point with this:

<span class="fandom" data-widget-id="#ec=9wZXFtNTE6Tgnh-8NzDi-VvKqTzPoW8h&pbid=6d79ed36a62a4a9885d9c961c70289a8" style="width: 32em; height: 18em;"></span>

Replace the data-widget-id with the video ID and submit.

To add a video from Logo.com, you need the video id. This can be found with the share/embed button.

To embed the video, go to the page and edit in source mode.

Amend the text in the page at the appropriate point with this:

<span class="logo" data-widget-id="40adc258-5da8-41b2-885b-d3217f5043c3" style="width: 32em; height: 18em;"></span>

Replace the data-widget-id with the video ID and submit.

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.