How to Upload a Video in Html

Download Commodity

Download Commodity

This wikiHow teaches y'all how to embed a YouTube video onto a website by pasting some code into your HTML, plus how to manually embed a .mp4, .ogg, or .webm video using the HTML5 <video> element.

1. 1

   Locate the video you want to embed on YouTube.com. Click the video's title on YouTube to open the video for viewing.

   • You tin also utilise this method for many other video-sharing websites. Though the names of each link may be different, you'll usually be able to detect an Embed or Add to Website link somewhere near the video y'all want to include.

2. ii

   Click SHARE . Information technology'southward right beneath the video (the pick with a right-pointing arrow). A list of sharing options will appear.^[1]

   Advert

3. 3

   Click Embed . It's the starting time icon. This opens a window that contains some HTML code at its summit-right side.

4. four

   Select embedding options for the video.

   • If you want to offset the video at a specific time, select "Start at," then enter the time where you'd like it to begin (east.1000., "1:44" to play the video from the 1 infinitesimal and 44 second mark).
   • Check the box next to "Show player controls" to allow viewers to adjust the volume, stop, get-go, and intermission the video.
   • If you don't desire YouTube to collect information well-nigh the person viewing this video, you can cheque "Enable privacy-enhanced style."

5. 5

   Click COPY . This copies the embedding lawmaking to your clipboard.

6. six

   Open the HTML file you lot desire to edit. If you use an online tool to edit your website, go to the role of the tool that allows you to directly edit the HTML file for the page where the video should announced. If yous edit the site by hand, open that page's source code in your preferred text editor.

7. 7

   Click the location where you want to insert the video. You can insert the video anywhere in your HTML code. This places the cursor at the desired position.

8. 8

   Press ⌘ Command+V (Mac) or Ctrl+V (PC) to paste the code. The copied code from YouTube now appears in your HTML file.

9. nine

   Save the file and publish to your website. To test the video, open the page where you lot've embedded it in any web browser, then click the video to start playing information technology.

   Advertisement

1. one

   Upload your video to your spider web server. This method is all-time suited for those who want to upload their videos straight to their own websites rather than to a sharing site like YouTube. You tin also use this method if you don't desire to use an "iframe" to embed your video.

   • Upload the video as a MP4 file to clinch it'south properly viewable on all spider web browsers. Though the video element also supports WebM and Ogg video files, they won't exist playable in Safari.^[2]
   • Equally most browsers are removing support for external plugins that use the HTML <embed> tag, using the <video> tag ensures that the majority of users can view your videos.^[three]

2. 2

   Open the HTML file you lot desire to edit. If you employ an online tool to edit your website, go to the part of the tool that allows you to directly edit the HTML file for the page where the video should appear. If y'all edit the site by hand, open that page'south source code in your preferred text editor.

3. three

   Enter the lawmaking to insert the video. Enter this code in the exact location where you want the video to appear, making changes to the file name and size to suit your needs: <video src="wikihow.mp4" width="320" elevation="240" controls></video>

   • Replace wikihow.mp4 with the name of your video file. If the video file is located somewhere else on the web, replace it with the full URL path to the file (due east.g., "https://world wide web.wikihow.com/test.mp4").
   • Y'all tin replace the numerical values for "width" and "height" to fit the size of your video.
   • The controls option ensures that people viewing the video can pause, play, adjust the volume, or finish the video when desired.

4. 4

   Save the file and publish to your website. To test the video, open up the folio where you've embedded it in any web browser, then click the video to offset playing it.

   Advertising

Add New Question

• Question

  Where do I save the file?

  

  jaka kovač

  Community Answer

  Y'all save the file to your computer and and then publish it to your website. Inquire your website service provider for more information.

Ask a Question

200 characters left

Include your electronic mail address to go a message when this question is answered.

Submit

Advertizing

Video

Nearly This Article

Thanks to all authors for creating a page that has been read 48,728 times.

Is this article up to date?

guidryseconied1999.blogspot.com

Source: https://www.wikihow.com/Embed-Video-in-HTML

Share this post