Overview: What are we talking about?
This article and video cover how to embed a YouTube video on your website.
This article includes:
Embedding YouTube Videos
- Find the video you wish to embed from www.youtube.com
- Click Share.
- Click Embed.
- YouTube gives you some options to select from.
- If you want the video to start from a specific point, check the box Start at and enter the timestamp.
- Check the box Show player controls to display the video controls (pause, play, next, etc.)
- If you don't want YouTube analytics to be recorded for visitors who view the video, check the box Enable privacy-enhanced mode.
- Click Copy.
- From your home Admin page, click the page where you want to embed the video.
- Open the HTML editor for that page.
- From the HTML toolbar, click the Source icon. This will show the underlying HTML source code for the page.
- Paste the code you copied in step 5.
- See below for Advanced Source Code Options.
- See below for Advanced Source Code Options.
- Unclick Source. Then click Save.
- The process is now complete. Within the HTML editor, the video may show as a box labeled IFrame. However, if you go visit the live site, you should see the video embedded.
Advanced Source Code Options
The video instructions specifically for Advanced Source Code Options begins at [3:00] in the video below.
After pasting the video's embed code in the HTML editor, you can edit it to set specific options.
- If you don't want the video to autoplay, delete "autoplay" from the "iframe allow=" section of the embed code.
- If the size of the embedded video is no large enough for you, you can edit the video size by changing the number in the "height=" and "width=" sections of the embed code.
- The numbers are in pixel sizes
- The most common video aspect ratios are 16:9 and 4:3. Following this ratio will ensure that video doesn't appear stretched or distorted.
Video Tutorial
The video instructions specifically for Embedding YouTube Video are from [0:00 to 3:00] in the video below.
The video instructions specifically for Advanced Source Code Options begins at [3:00] in the video below.
Comments
0 comments
Article is closed for comments.