Changes: Help:Video embed tool

Revision as of 01:41, 10 September 2021

This page is about Fandom's File:-based video embed tool. For the parser-based embed tool with support for 30+ video and audio services, see Help:EmbedVideo.

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!

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.

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:

Further help and feedback

Browse and search other help pages at Help:Contents
Check Fandom Community Central for sources of further help and support
Check Contacting Fandom for how to report any errors or unclear steps in this article

@@ 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}}
 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 4: / Line 5: @@
 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.
-== UCP step-by-step ==
+== Step-by-step ==
-*First the video embed 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 modal will open up, so enter the URL of the video and click "add" — you've done it!
+*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!
 [[File:Add video UCP.png|center|600px]]
-*Now that the video embed 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.
+*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.
 [[File:Add file UCP.png|center|600px]]
@@ Line 29: / Line 30: @@
 *Once the image/wikitext has been added, hit "save" in the editor to save the page with your new video inserted!
-== Legacy step-by-step ==
+== 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!
-{{Needs editor update}}
-:''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.
+*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.
-<br/>[[File:Editing toolbar video uploadv2.png|center|600px]]<br/>
+*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.
-*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.
+*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.
-<br/>[[File:Video-format.png|center|600px]]<br/>
-*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.
 == Supported sites ==