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

Latest revision as of 00:00, 25 January 2023

Policy
This article defines official ED Policy.
Shortcut: ED:EMBED

Introduction

A User's Guide to Embedded Content
is part of the mini-series ED New Users Guide .

Mini-Series Articles:

In general web programming terms, embedded content are an external resource , such as a web page, scripts, a picture (Files ^(MediaWiki)), or a media player like an external youtube video player.

In MediaWiki's case, embedded content can take the form of an image, video or PDF file showing up in your hitpieces, Shitty attack articles and schizo ramblings they can also be Templates (an internal page that you embed in your article.), for decorative (notices) or functional reasons (infoboxes).

Encyclopedia Dramatica gives the possibility to embedexternal content like media players (using their appropriate tags)

How does ED handle embeds?

Encyclopedia Dramatica handles embedding content through "extensions", such as:

Extension:PDFEmbed for PDFs, using the ‎<pdf> tag
Extension:EmbedVideo for videos on YouTube and other sites, using different tags.

It also embeds content using core MediaWiki wikitext like [[File:File.png]] for files uploaded through here.

This guide will show you how to embed different media formats from videos, audio to pdfs whether its uploaded in the Encyclopedia itself, or externally through Archive.org, YouTube and Soundcloud and you will embed as smoothly as an ISIS soldier chopping through infidel heads.

You can put an uncut header under an embedded picture by putting {{clear}} before the header like demonstrated on the right, or get ugly results because you are a wiki n00b.

Hopefully this guide will fully enable the autism that's embedded in your brain to control the looks of your videos of chopped-off penises, pictures of gaping assholes and leaked government documents, unleashing mastery of media no one has ever seen before.

Pre-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:

not CP ,bestiality, or anything else 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 ask a sysop to upload it to ED or 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

Internal Links

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]]

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 or T:fv, depends if you feel colorful or not 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

Previous Video | Next Video

The EmbedVideo Tag

Using the ‎<embedvideo> tag enables more customization through the use of attributes.
All of these attributes allow you to fully customize your video embed, similarly to what MediaWiki allows for internal vids.

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.

1337 • Сибирской говор • Algospeak • American Language • AOL speak • Babelfish • Bemmel • Dyslexia • Ebonics • English • Engrish • Esperanto • Hebrew • HTML • Internets English • Klingon • Latin • Mathematics • Moonspeak • Pirate • Short type • Toki Pona • Wikipedese • Упячка

^ • [sic] • A and an • Abbreviation • ALL CAPS • Altcaps • Amirite • Baleet • B0rk • Captions• Cheeky Nando's • Commas • E- (prefix) • Ellipsis • etc. • EVAR • Exclamation Point • Fnord • Gaiden • GAR • Generic Article • Good Spelling • Graphic transcription • H8 • Homosexual Epithets • Hott • Introduction to English • I Will Beat A Rod Till... A Tank Empties • kthxbye • Liek • Like • Literally • Meh • Moar • Nao • Never • No Homo • Oh • Oh noes • Opposites • Plox • Plz • Plskthx • Pindos • Portmanteau • Ppl • pr0n • Prolly • Pun • Pwnt • r • Rekt • Serious Discussion • Skill • Slash • Snoregasm • Some argue • Spellcheck • Srsly • Stuff • Stylometry • Sup • There, Their, and They're • Teh • Tilde • To, Too, and Two • Typical • Typo • Twice • Uber • Underscore • User Stress Syndrome • Virii • Wat do • LOL WUT • What • Whatever • What-EVER • Winnar • w00t • Word • Yes • No • You're/Your • Your a fucking idiot

Analogy • And Fuck You Anyway • Are You Fucking Kidding Me • Bale Out • Circular Logic • Condescension • Confirm/Deny • Constructive Criticism • Come at me bro • Cry moar • Deadname • Dubious Disclaimer • Dislikes • English Is Not My Native Language • ENGLISH MOTHERFUCKER DO YOU SPEAK IT • Excuse me wtf r u doin • Fallacious Reasoning • Faulty Logic • Filibuster • Flame Wars • Fuck Her Right In The Pussy • Go fuck yourself • I have a 140 IQ • Just Saying • Killer • Lie • Logic and Reason • Mega ultra super genius • Message • Neologism • NO U • OBEY • Opinion • Prank call • Pseudo-intellectual • Questionable logic • Read a book • Sarcasm • Seems Legit • Shaming • Shout Out • Snark • Spam • Stale • Strategy Guide • Straw Man • Stream of Consciousness • Swearing • TL;DR • Too cool for the internet • Zing

Iambic Pentameter • Poetry • PFFA

Advertising • Censorship • Cliché • Context • Dan's Devil's Dictionary • DINDUNUFFIN • Free Speech • Gender-neutral language• Grammar Nazi • Internet linguistics • Leeching • L.U.L.Z. • Noam Chomsky • Personal Pronouns • THE POWER OF ONLINE VIDEO COMMUNICATION • Signaling • Statistics • Tay • Translation • Wordfilter

AIM • Backmasking • Bayeux Tapestry • Bcc • Blog • Cell phone • Chat Logs • Comments • E-mail • Everything2 • Forum • Hate Mail • ICQ • Internets • IRC • LiveJournal • Kindle • Mailing list • MLB.tv • MSN • Old Media • Personal Message • Powerpoint presentation • Ringtones • Sidekick • Skype • Social Networking Sites • SMS • Television • Trending • Web 2.0 • Web 3.0

♥ • <3 • A+ • ASCII • Big • Blink • BrokenSpacebar • Demotivators • Emotes • Emoji • Emoticons • Fifty Hitler Post • Gif War • Gooby • Graph • Icon • Image Macro • Heatenings • Le Pointy Nose Smiling Face • Otaku emoticons • Rainbow blinkies • Small • Smileys • Marquee • This is Bob • Venn Diagram

@@ 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).
+{{Edpolicy|ED:EMBED}}
+{{clear}}
+==Introduction==
+{{Newusersguide}}__NOTOC__
+In general [[Computer Science III|web programming]] terms, embedded content are an external resource , such as a [[Website|web page]], scripts, a [[picture]] ([[mw:Help:Linking_to_files|Files <sup>(MediaWiki)</sup>]]), or a [[Youtube|media player]] like an external youtube video player.
+<br><br>
+In MediaWiki's case, embedded content can take the form of an image, video or PDF file showing up in your [[Shit|hitpieces]], [[Shitty attack article]]s and [[Shit nobody cares about|schizo ramblings]] they can also be [[Templates]] (an internal page that you embed in your article.), for decorative (notices) or functional reasons (infoboxes).<br>
-Encyclopedia Dramatica handles embedding [[Porn Advertisements|content]] through "extensions", such as [[mw:Extension:PDFEmbed|Extension:PDFEmbed]] and [[mw:Extension:YouTube|Extension:YouTube]].
+Encyclopedia Dramatica gives the possibility to embedexternal content like [[Youtube|media players]] (using their appropriate tags)
-This guide will show you how to embed different media formats.
+<br>
+===How does ED handle embeds?===
+Encyclopedia Dramatica handles embedding [[Porn Advertisements|content]] through "extensions", such as:
+* [[mw:Extension:PDFEmbed|Extension:PDFEmbed]] for PDFs, using the {{tag|pdf|open}} tag
+* [[mw:Extension:EmbedVideo|Extension:EmbedVideo]] for videos on YouTube and other sites, using different tags.<br>
+It also embeds content using core [[MediaWiki]] wikitext like '''<nowiki>[[File:File.png]]</nowiki>''' for files uploaded through [[Special:Upload|here]].<br>
+This guide will show you how to embed different media formats from [[video]]s, [[audio]] to pdfs whether its uploaded in the [[Encyclopedia Dramatica|Encyclopedia]] itself, or externally through [[Archive.org]], [[YouTube]] and [[Soundcloud]] and you will embed as smoothly as an [[ISIS]] soldier chopping through infidel heads.<br>
+You can put an uncut header under an embedded picture by putting <nowiki>{{clear}}</nowiki> before the header like demonstrated on the right, or get
+ugly results because you are a wiki [[n00b]].
+Hopefully this guide will fully enable the [[autism]] that's embedded in your brain to control the looks of your videos of [[BestGore|chopped-off penises]], [[Goatse|pictures of gaping assholes]] and [[WikiLeaks|leaked government documents]], unleashing mastery of media no one has ever seen before.<br>{{clear}}
+==Pre-Embedding: Uploading content==
+[[File:ALWAYSCLEAR.png|350px|right]]
+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:
+* not CP ,bestiality, or anything else 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 ask a sysop to upload it to ED or upload to one of these websites:
+{| class="wikitable"
+! Service !! Video Limitations !! Copyright Detection
+|-
+| [https://youtube.com YouTube] || No politics, no slight violence || High
+|-
+| [https://nicovideo.jp NicoVideo] || 50 videos/channel || Unknown
+|-
+| [https://archive.org Archive.org] || No gore? || Unknown
+|}
+{{clear}}
+===Internal Links===
+To link a file internally (uploaded to ED) you need to do this:
+* '''<nowiki>[[File:File.jpg]]</nowiki>''' to use the full version of the file
+* '''<nowiki>[[File:File.png|200px|thumb|left|alt text]]</nowiki>''' to use a 200 pixel wide rendition in a box in the left margin with 'alt text' as description
+* '''<nowiki>[[:File:File.ogg]]</nowiki>''' for directly linking to the file without embedding
+{{cs2|1=f|2=<nowiki>[[File:FactCat.png|100px]]</nowiki>|3=[[File:FactCat.png|100px]]}}
+{{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 ==
-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"
-! Videos || Tag || Example of ID (in bold) || Full URL Example
+! Videos || Tag || Example of ID || Full URL Example
+|-
+| 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'''
 |-
-| YouTube || {{tag|youtube|open}} || 3aYCG4vEe5s || <nowiki>https://www.youtube.com/watch?v=</nowiki>'''3aYCG4vEe5s'''
+| {{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'''
 |-
-| Nico Video || {{tag|nicovideo|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'''
 |-
-| // || {{tag|nico|open}} || sm34403760 || <nowiki>https://www.nicovideo.jp/watch/</nowiki>'''sm34403760'''
+| NicoVideo || {{tag|nico|open}} || sm34403760 || <nowiki>https://www.nicovideo.jp/watch/</nowiki>'''sm34403760'''
 |-
 ! Audio || Tag || Example of ID || Full URL Example
 |-
-| Spotify || {{tag|spotifyalbum|open}} || 1EoDsNmgTLtmwe1BDAVxV5 || <nowiki>https://open.spotify.com/album/</nowiki>'''1EoDsNmgTLtmwe1BDAVxV5'''
+|rowspan=3| Spotify || {{tag|spotifyalbum|open}} || 1EoDsNmgTLtmwe1BDAVxV5 || <nowiki>https://open.spotify.com/album/</nowiki>'''1EoDsNmgTLtmwe1BDAVxV5'''
+|-
+| {{tag|spotifyartist|open}} || Full URL || '''<nowiki>https://open.spotify.com/artist/</nowiki>'''06HL4z0CvFAxyc27GXpf02'''
+|-
+| {{tag|spotifytrack|open}} || Full URL || <nowiki>https://open.spotify.com/track/</nowiki>'''
+|-
+! Other || Tag || ID || Full Example
 |-
-| Spotify || {{tag|spotifyartist|open}} || Full URL || '''<nowiki>https://open.spotify.com/artist/</nowiki>'''06HL4z0CvFAxyc27GXpf02'''
+| 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>
 |-
-| Spotify || {{tag|spotifytrack|open}} || Full URL || <nowiki>https://open.spotify.com/track/</nowiki>'''
+|}
+* 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]] or [[T:fv]], depends if you feel [[Gay|colorful]] or not
 To use these tags, put the video id (<nowiki>https://www.youtube.com/watch?v=</nowiki>'''HgQQXOZemJc''') in between the corresponding tags, for example: {{tag|youtube|open}}<big>HgQQXOZemJc</big>{{tag|youtube|close}} results in:
 <br>
@@ Line 36: / Line 97: @@
 |{{frame|{{videoframe|RYTP|background-color: #FF4000;|font-weight: bold;
 |<youtube>3aYCG4vEe5s</youtube><br />'''(Youtube tag)'''
-|<nicovideo>sm34403760</nicovideo><br />'''(NicoVideo tag)'''
+|<nico>sm34403760</nico><br />'''(NicoVideo tag)'''
 |<archiveorg>Garfield_McDonalds_Garfield_Mugs_1987</archiveorg><br />'''Archive.org'''
 |<soundcloud h="350" w="720">https://soundcloud.com/cryptrik2/magfestravemix</soundcloud><br />'''Soundcloud'''}}|border=#FF4000|background=#FF4000}}
 |}
+===The EmbedVideo Tag===
+Using the {{tag|embedvideo|open}} tag enables more customization through the use of attributes.<br>
+All of these attributes allow you to fully customize your video embed, similarly to what MediaWiki allows for internal vids.
+{| 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.
+|}
+==See Also==
+* [[Encyclopedia Dramatica:A User's Guide to Article Building|Kazantaski's Guide to Article Building]] - The policy in terms of article building.
+* [[HTML]] - A good working knowledge of HTML is a great help.
+* [[Sandbox]] - Common place to test out shit
+* [[Special:MyPage/Sandbox]] - [[YOU|YOUR]] place to test out shit
+{{Language}}
+[[Category:Tutorials]]
+[[category:Communicae]]