Registration has been disabled and the moderation extension has been turned off.
Contact an admin on Discord or EDF if you want an account. Also fuck bots.

Encyclopedia Dramatica:A User's Guide to Embedded Content: Difference between revisions

From Encyclopedia Dramatica
Jump to navigation Jump to search
imported>TabbyGarf
imported>TabbyGarf
No edit summary
Line 1: Line 1:
In general [[Computer Science III|web programming]] terms, an embed is an external resource, such as a [[Website|web page]] ([[Templates]]), a [[picture]] ([[mw:Help:Linking_to_files|Files <sup>(MediaWiki)</sup>]]), or a [[Youtube|media player]] (the <nowiki><youtube></nowiki> tag).
In general [[Computer Science III|web programming]] terms, an embed is an external resource, such as a [[Website|web page]] ([[Templates]]), a [[picture]] ([[mw:Help:Linking_to_files|Files <sup>(MediaWiki)</sup>]]), or a [[Youtube|media player]] (the <nowiki><youtube></nowiki> tag).


Encyclopedia Dramatica handles embedding [[Porn Advertisements|content]] through "extensions", such as [[mw:Extension:PDFEmbed|Extension:PDFEmbed]] and [[mw:Extension:YouTube|Extension:YouTube]].
Encyclopedia Dramatica handles embedding [[Porn Advertisements|content]] through "extensions", such as [[mw:Extension:PDFEmbed|Extension:PDFEmbed]] and [[mw:Extension:EmbedVideo|Extension:EmbedVideo]].
This guide will show you how to embed different media formats.
This guide will show you how to embed different media formats.


==Before Embedding: Uploading content==
==Before Embedding: Uploading content==
You can't embed a file that doesn't exist, which is why you have to upload it, whether its in ED or for videos a video sharing website like [[Youtube]] or [[Archive.org]]
Encyclopedia Dramatica is very lax in terms of content uploading, as long as it is:
Encyclopedia Dramatica is very lax in terms of content uploading, as long as it is:
* Is not CP or bestiality, or anything breaking [[ED:RP]],
* Is not CP or bestiality, or anything breaking [[ED:RP]],
Line 34: Line 35:
{{cs2|1=a|2=<nowiki>[[File:FactCat.png|100px|thumb|left|hello world]]</nowiki>|3=[[File:FactCat.png|100px|thumb|left|hello world]]}}
{{cs2|1=a|2=<nowiki>[[File:FactCat.png|100px|thumb|left|hello world]]</nowiki>|3=[[File:FactCat.png|100px|thumb|left|hello world]]}}


{{clear}}
== Embed Tags ==
== Embed Tags ==
While you might be aware of the <nowiki><youtube></nowiki> tag, other tags also exist. This is a table of all the supported website and its corresponding tags.
While you might be aware of the <nowiki><youtube></nowiki> tag, other tags also exist. This is a table of all the supported websites and their corresponding tags.
{| class="wikitable"
{| class="wikitable"
! Videos || Tag || Example of ID (in bold) || Full URL Example
! Videos || Tag || Example of ID || Full URL Example
|-
|-
| YouTube || {{tag|youtube|open}} || 3aYCG4vEe5s || <nowiki>https://www.youtube.com/watch?v=</nowiki>'''3aYCG4vEe5s'''
| rowspan=3| YouTube || {{tag|youtube|open}} || 3aYCG4vEe5s || <nowiki>https://www.youtube.com/watch?v=</nowiki>'''3aYCG4vEe5s'''
|-
| {{tag|youtubevideolist|open}}<big>'''*'''</big>|| pSsYTj9kCHE<br>urlargs="playlist=pSsYTj9kCHE,pSsYTj9kCHE" || <nowiki>https://www.youtube.com/embed/</nowiki>'''pSsYTj9kCHE'''?'''playlist=pSsYTj9kCHE,pSsYTj9kCHE'''
|-
| {{tag|youtubeplaylist|open}} || PLY0KbDiiFYeNgQkjujixr7qD-FS8qecoP || <nowiki>https://www.youtube.com/embed/?listType=playlist&list=</nowiki>'''PLY0KbDiiFYeNgQkjujixr7qD-FS8qecoP'''
|-
|-
| Archive.org video || {{tag|archiveorg|open}} || Garfield_McDonalds_Garfield_Mugs_1987 || <nowiki>https://archive.org/details/</nowiki>'''Garfield_McDonalds_Garfield_Mugs_1987'''
| Archive.org video || {{tag|archiveorg|open}} || Garfield_McDonalds_Garfield_Mugs_1987 || <nowiki>https://archive.org/details/</nowiki>'''Garfield_McDonalds_Garfield_Mugs_1987'''
|-
|-
| Nico Video || {{tag|nico|open}} || sm34403760 || <nowiki>https://www.nicovideo.jp/watch/</nowiki>'''sm34403760'''
| Bing || {{tag|bing|open}} || 31ncp9r7l || <nowiki>http://www.bing.com/videos/watch/video/adorable-cats-attempt-to-eat-invisible-tuna/</nowiki>'''31ncp9r7l'''
 
|-
| NicoVideo || {{tag|nico|open}} || sm34403760 || <nowiki>https://www.nicovideo.jp/watch/</nowiki>'''sm34403760'''
|-
|-
! Audio || Tag || Example of ID || Full URL Example
! Audio || Tag || Example of ID || Full URL Example
Line 54: Line 60:
|-
|-
| {{tag|spotifytrack|open}} || Full URL || <nowiki>https://open.spotify.com/track/</nowiki>'''
| {{tag|spotifytrack|open}} || Full URL || <nowiki>https://open.spotify.com/track/</nowiki>'''
|-
! Other || Tag || ID || Full Example
|-
| PDF || {{tag|pdf|open}} || File:EDF_PAR_Request_Form.pdf|| <small>{{tag|pdf|open}}</small>File:EDF_PAR_Request_Form.pdf<small>{{tag|pdf|close}}</small>
|-
|}
* for {{tag|youtubevideolist|open}}, the formatting is <big><nowiki><youtubevideolist</nowiki> urlargs="playlist=C7A4YMGhUZg,OSI6JJaz35I">C7A4YMGhUZg</youtubevideolist></big>
<youtubevideolist urlargs="playlist=C7A4YMGhUZg,OSI6JJaz35I">C7A4YMGhUZg</youtubevideolist>


|}


The tags are compatible with [[T:Videoframe]]
The tags are compatible with [[T:Videoframe]]
Line 68: Line 82:
|<soundcloud h="350" w="720">https://soundcloud.com/cryptrik2/magfestravemix</soundcloud><br />'''Soundcloud'''}}|border=#FF4000|background=#FF4000}}
|<soundcloud h="350" w="720">https://soundcloud.com/cryptrik2/magfestravemix</soundcloud><br />'''Soundcloud'''}}|border=#FF4000|background=#FF4000}}
|}
|}
===The EmbedVideo Tag===
Using the {{tag|embedvideo|close}} tag enables more customization
{| class="wikitable"
! Attribute || Required || Default || Description
|-
| service="(see above tags, except pdf)" || yes || / || The video service to call.
|-
| <nowiki>id="[id|url]"</nowiki> || yes || / || The raw ID of the video or URL from the player page.
|-
| <nowiki>dimensions="[W|WxH|xH]"</nowiki> || no || 640 || Dimensions in pixels to size the embed container. The standard format is width x height where either can be omitted, but the x must proceed height to indicate it as the height.Examples: 480, 480x320, x320. If the height is not provided it will be calculated automatically from the width and service default ratio. Some services such as Gfycat do not have standard heights and should be specified for each embed.
|-
| alignment="[left|center|right|inline]" || no || none || Align the placement of the video either to the left, centered, or to the right. Inline will allow multiple videos to display side by side without forced line breaks.
|-
| description="[wiki text]" || no || none || Display a description under the embed container.
|-
| container="[frame]" || no || none || Specifies the container type to use for the embed.frame: Wrap the video player in a Mediawiki thumbnail box.
|-
| urlargs="modestbranding=1&version=3" || no || none || Allows extra URL arguments to be appended to the generated embed URL. This is useful for obscure options only supported on one service.
|-
| autoresize="false" || no || true || Automatically resize videos when their size will cause them to break outside of their container element
|-
| <nowiki>valignment="[top|middle|bottom|baseline]"</nowiki> || no || none ||Align the vertical placement of the video either to the top, middle, bottom, or baseline of the parent element.  Using this parameter forces the alignment parameter to be inline.

Revision as of 02:45, 23 February 2022

In general web programming terms, an embed is an external resource, such as a web page (Templates), a picture (Files (MediaWiki)), or a media player (the <youtube> tag).

Encyclopedia Dramatica handles embedding content through "extensions", such as Extension:PDFEmbed and Extension:EmbedVideo. This guide will show you how to embed different media formats.

Before Embedding: Uploading content

You can't embed a file that doesn't exist, which is why you have to upload it, whether its in ED or for videos a video sharing website like Youtube or Archive.org Encyclopedia Dramatica is very lax in terms of content uploading, as long as it is:

  • Is not CP or bestiality, or anything breaking ED:RP,
  • will be on an article or your userspace,
  • and under 66MB, on one of these formats:
    • AUDIO: mp3, wav, ogg, oga, midi, mid, opus, flac
    • IMAGE: png, jpg, jpeg, tiff, bmp, gif
    • VIDEO: mp4, webm, ogg, ogv, mkv, mpg, mpeg, mov
    • OTHER: pdf

If your file isn't under 66MB, you might want to upload to one of these websites:

Service Video Limitations Copyright Detection
YouTube No politics, no slight violence High
NicoVideo 50 videos/channel Unknown
Archive.org No gore? Unknown

To link a file internally (uploaded to ED) you need to do this:

  • [[File:File.jpg]] to use the full version of the file
  • [[File:File.png|200px|thumb|left|alt text]] to use a 200 pixel wide rendition in a box in the left margin with 'alt text' as description
  • [[:File:File.ogg]] for directly linking to the file without embedding


[-+][[File:FactCat.png|100px]]


[-+][[File:FactCat.png|100px|thumb|left|hello world]]

hello world

Embed Tags

While you might be aware of the <youtube> tag, other tags also exist. This is a table of all the supported websites and their corresponding tags.

Videos Tag Example of ID Full URL Example
YouTube ‎<youtube> 3aYCG4vEe5s https://www.youtube.com/watch?v=3aYCG4vEe5s
‎<youtubevideolist>* pSsYTj9kCHE
urlargs="playlist=pSsYTj9kCHE,pSsYTj9kCHE"
https://www.youtube.com/embed/pSsYTj9kCHE?playlist=pSsYTj9kCHE,pSsYTj9kCHE
‎<youtubeplaylist> PLY0KbDiiFYeNgQkjujixr7qD-FS8qecoP https://www.youtube.com/embed/?listType=playlist&list=PLY0KbDiiFYeNgQkjujixr7qD-FS8qecoP
Archive.org video ‎<archiveorg> Garfield_McDonalds_Garfield_Mugs_1987 https://archive.org/details/Garfield_McDonalds_Garfield_Mugs_1987
Bing ‎<bing> 31ncp9r7l http://www.bing.com/videos/watch/video/adorable-cats-attempt-to-eat-invisible-tuna/31ncp9r7l
NicoVideo ‎<nico> sm34403760 https://www.nicovideo.jp/watch/sm34403760
Audio Tag Example of ID Full URL Example
Spotify ‎<spotifyalbum> 1EoDsNmgTLtmwe1BDAVxV5 https://open.spotify.com/album/1EoDsNmgTLtmwe1BDAVxV5
‎<spotifyartist> Full URL https://open.spotify.com/artist/06HL4z0CvFAxyc27GXpf02
‎<spotifytrack> Full URL https://open.spotify.com/track/
Other Tag ID Full Example
PDF ‎<pdf> File:EDF_PAR_Request_Form.pdf ‎<pdf>File:EDF_PAR_Request_Form.pdf‎</pdf>
  • for ‎<youtubevideolist>, the formatting is <youtubevideolist urlargs="playlist=C7A4YMGhUZg,OSI6JJaz35I">C7A4YMGhUZg</youtubevideolist>


The tags are compatible with T:Videoframe To use these tags, put the video id (https://www.youtube.com/watch?v=HgQQXOZemJc) in between the corresponding tags, for example: ‎<youtube>HgQQXOZemJc‎</youtube> results in:


(Youtube tag)
<nico>sm34403760</nico>
(NicoVideo tag)


Archive.org


Soundcloud

The EmbedVideo Tag

Using the ‎</embedvideo> tag enables more customization

Attribute Required Default Description
service="(see above tags, except pdf)" yes / The video service to call.
id="[id|url]" yes / The raw ID of the video or URL from the player page.
dimensions="[W|WxH|xH]" no 640 Dimensions in pixels to size the embed container. The standard format is width x height where either can be omitted, but the x must proceed height to indicate it as the height.Examples: 480, 480x320, x320. If the height is not provided it will be calculated automatically from the width and service default ratio. Some services such as Gfycat do not have standard heights and should be specified for each embed.
center|right|inline]" no none Align the placement of the video either to the left, centered, or to the right. Inline will allow multiple videos to display side by side without forced line breaks.
description="[wiki text]" no none Display a description under the embed container.
container="[frame]" no none Specifies the container type to use for the embed.frame: Wrap the video player in a Mediawiki thumbnail box.
urlargs="modestbranding=1&version=3" no none Allows extra URL arguments to be appended to the generated embed URL. This is useful for obscure options only supported on one service.
autoresize="false" no true Automatically resize videos when their size will cause them to break outside of their container element
valignment="[top|middle|bottom|baseline]" no none Align the vertical placement of the video either to the top, middle, bottom, or baseline of the parent element. Using this parameter forces the alignment parameter to be inline.