Community Central
Register
Community Central
No edit summary
Tag: Help
(Added section about how to insert images with source editor)
Tag: Help
(19 intermediate revisions by 10 users not shown)
Line 1: Line 1:
  +
{{About|Fandom's File:-based video embed tool|the parser-based embed tool with support for 30+ video and audio services|Help:EmbedVideo}}
 
{{enabled by default}}
 
{{enabled by default}}
{{Needs editor update}}
 
 
Videos are a great way to showcase information and keep readers engaged on your community! The '''video embed tool''' makes it possible to quickly and easily add videos to an article page.
 
Videos are a great way to showcase information and keep readers engaged on your community! The '''video embed tool''' makes it possible to quickly and easily add videos to an article page.
   
Line 6: Line 6:
   
 
== Step-by-step ==
 
== Step-by-step ==
  +
*First the video must be uploaded to the wiki, because it is not currently possible to upload a video directly in the editor. To do so, navigate to [[Special:NewFiles]] and then click "add a video". A UI will open up, so enter the URL of the video and click "add" — you've done it!
:''Note: If you are using [[Help:VisualEditor|VisualEditor]], see [[Help:Videos#How to add a video to a page|Help:Videos]] for instructions.''
 
* Click the "Video" icon, which can be found in the ''Add features and media'' module on the right side of the screen. In the classic editor's [[Help:Source edit mode|source mode]], it can also be found in the toolbar.
 
   
<br/>[[File:Editing toolbar video uploadv2.png|center|600px]]<br/>
+
[[File:Add video UCP.png|center|600px]]
   
  +
*Now that the video file is uploaded, open the editor on the page you'd like to add the video to. If you know how, you can use [[Help:wikitext|wikitext]] to add the video straightaway, but otherwise you'll have to navigate to the add media icon.
* A pop-up box will appear and allow you to paste in the full URL for the video you wish to add. For example:<br /><code><nowiki>https://www.youtube.com/watch?v=woCCj9ADup4</nowiki></code>
 
* Once you have chosen a video, click "Next". This will provide options where you can customize how the video is displayed, as well as choose a different file name if you want.
 
   
<br/>[[File:Video-format.png|center|600px]]<br/>
+
[[File:Add file UCP.png|center|600px]]
   
  +
*The media icon will open the media settings dialogue box. Search for the title of the video you just uploaded, and then select it.
* When you are happy with the options, click "Add a video". The video will become a file in the wiki and will be inserted onto the page you are editing.
 
  +
* Since the video now exists in the wiki as a file, it can be reused around the wiki as many times as you like.
 
  +
<gallery hideaddbutton="true" position="center" widths="300">
  +
File search UCP.png|Search and select
  +
File selection UCP.png|Select "use this image". Note the File data on the left.
  +
</gallery>
  +
  +
*Now you can add captions to the file, add [[wikipedia:alt attribute|alt text]] for accessibility, and also change how the file is formatted via the "advanced" tab. You can choose alignment, type, border, and size. When you're done, click "insert" to generate a wikitext call for your video!
  +
  +
<gallery hideaddbutton="true" position="center" widths="300">
  +
File insert general UCP.png|Caption and alt text
  +
File insert advanced UCP.png|Video formatting options
  +
</gallery>
  +
  +
*Once the image/wikitext has been added, hit "save" in the editor to save the page with your new video inserted!
  +
  +
== Step-by-step for source code ==
  +
*Following the same first step as the visual editor version, navigate to [[Special:NewFiles]] and then click "Add a video". A UI will open up, so enter the URL of the video and click "add" — you've done it!
  +
  +
*Now that the video file is uploaded, open the editor on the page you'd like to add the video to. Use <code><nowiki> [[File:(nameofimageuploaded).(filetype)]] </nowiki></code> in the page source code to insert the image you uploaded.
  +
  +
*Click the "Show Preview" button located under the source editor to preview your change. Once you are satisfied with your change, click "Save Changes", which is located to the left of the "Show Preview" button.
  +
  +
*To learn how to adjust your image in the source editor, visit [[Help:Wikitext#Image_formatting|Help:Wikitext - Image Formatting]] to learn more about how to adjust and personalize your image's size, alignment, caption, and more.
   
 
== Supported sites ==
 
== Supported sites ==
Line 25: Line 45:
   
 
-->
 
-->
* [https://www.dailymotion.com Dailymotion]
+
*[https://www.dailymotion.com Dailymotion]
* [https://vimeo.com Vimeo]
+
*[https://vimeo.com Vimeo]
* [https://www.youtube.com YouTube]
+
*[https://www.youku.com/ Youku]
  +
*[https://www.youtube.com YouTube]
   
 
== See also ==
 
== See also ==
* Learn how to [[Help:Social media integration#Video|embed Facebook videos]]
+
*Learn how to [[Help:Social media integration#Video|embed Facebook videos]]
* Learn how to [[Help:Adding images|add photos]]
+
*Learn how to [[Help:Adding images|add photos]]
* Learn how to [[Help:Galleries, Slideshows, and Sliders|create photo galleries and slideshows]]
+
*Learn how to [[Help:Galleries, Slideshows, and Sliders|create photo galleries and slideshows]]
* Learn how to [[Help:Audio|embed audio]]
+
*Learn how to [[Help:Audio|embed audio]]
   
 
== Further help and feedback ==
 
== Further help and feedback ==
Line 41: Line 62:
 
[[es:Ayuda:Herramienta de inclusión de videos]]
 
[[es:Ayuda:Herramienta de inclusión de videos]]
 
[[fr:Aide:Outil d'incorporation de vidéo]]
 
[[fr:Aide:Outil d'incorporation de vidéo]]
  +
[[hi:सहायता:वीडियो एम्बेड टूल]]
 
[[it:Aiuto:Strumento di aggiunta video]]
 
[[it:Aiuto:Strumento di aggiunta video]]
 
[[ja:ヘルプ:動画埋め込みツール]]
 
[[ja:ヘルプ:動画埋め込みツール]]

Revision as of 01:41, 10 September 2021

This extension is enabled by default on Fandom.

Videos are a great way to showcase information and keep readers engaged on your community! The video embed tool makes it possible to quickly and easily add videos to an article page.

Videos can also be included in galleries and most other locations where images are supported. Videos that are under 400px wide will play in the media lightbox.

Step-by-step

  • First the video must be uploaded to the wiki, because it is not currently possible to upload a video directly in the editor. To do so, navigate to Special:NewFiles and then click "add a video". A UI will open up, so enter the URL of the video and click "add" — you've done it!
Add video UCP
  • Now that the video file is uploaded, open the editor on the page you'd like to add the video to. If you know how, you can use wikitext to add the video straightaway, but otherwise you'll have to navigate to the add media icon.
Add file UCP
  • The media icon will open the media settings dialogue box. Search for the title of the video you just uploaded, and then select it.
  • Now you can add captions to the file, add alt text for accessibility, and also change how the file is formatted via the "advanced" tab. You can choose alignment, type, border, and size. When you're done, click "insert" to generate a wikitext call for your video!
  • Once the image/wikitext has been added, hit "save" in the editor to save the page with your new video inserted!

Step-by-step for source code

  • Following the same first step as the visual editor version, navigate to Special:NewFiles and then click "Add a video". A UI will open up, so enter the URL of the video and click "add" — you've done it!
  • Now that the video file is uploaded, open the editor on the page you'd like to add the video to. Use [[File:(nameofimageuploaded).(filetype)]] in the page source code to insert the image you uploaded.
  • Click the "Show Preview" button located under the source editor to preview your change. Once you are satisfied with your change, click "Save Changes", which is located to the left of the "Show Preview" button.
  • To learn how to adjust your image in the source editor, visit Help:Wikitext - Image Formatting to learn more about how to adjust and personalize your image's size, alignment, caption, and more.

Supported sites

Videos can be embedded from selected internet video providers:

See also

Further help and feedback