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