- Portals
- The Current Year
- ED in the News
- Admins
- Help ED Rebuild
- Archive
- ED Bookmarklet
- Donate Bitcoin
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
imported>TabbyGarf No edit summary |
imported>TabbyGarf |
||
(14 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
In general [[Computer Science III|web programming]] terms, | {{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]] | 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 == | == 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 | 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 | ! 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''' | ||
|- | |- | ||
| | | 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 25: | Line 79: | ||
|- | |- | ||
| {{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]] 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: | 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> | <br> | ||
Line 39: | Line 101: | ||
|<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|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]] |
Latest revision as of 00:00, 25 January 2023
Policy This article defines official ED Policy. Shortcut: ED:EMBED |
Introduction
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> |
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:
|
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. |
See Also
- 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 - YOUR place to test out shit
A User's Guide to Embedded Content is part of a series on Language & Communication | |
---|---|
Languages and Dialects • Grammar, Punctuation, Spelling, Style, and Usage • Rhetorical Strategies • Poetry •
The Politics of Language and Communication • Media • Visual Rhetoric
Click topics to expand |