FANDOM


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

Installation

See also: Help:Including additional CSS and JS, Help:Advanced CSS and JS
  • For site-wide use, an administrator can add the line below to the wiki's MediaWiki:ImportJS page.
dev:VideoIntegrator/code.js

Usage

Crackle

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

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".

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".

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".

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".

Yahoo TV

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".

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".

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".

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.

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.

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.