Embedding YouTube videos in your web page: part 1 – the basic options
Part 1 of a 2-part series looking at some of the options that give you a degree of control over how your embedded video appears on the page and how it behaves. Part 1 looks at sizing the video to fit your space, avoiding other videos appearing at the end, and ensuring your video is compatible across different devices.
If you are a Noisegate CMS client you have a feature that manages video embedding for you and you can read more about that in Steve’s post How to embed YouTube or Vimeo videos using the Noisegate CMS.
In this post I walk you through the YouTube ‘share’ tab options and show you
- How to embed a video in your web page or blog
- How to set the size of the video and control how big or small it appears on the page – or get it to fit into a certain sized space
- How to avoid links to other, ‘related’ YouTube videos popping up once people have finished watching your clip
- How to avoid ‘insecure content’ messages appearing which may scare people away
- How to make sure your embedded video will work whether someone is using a standard computer, an iOS device or a mobile device
The embedding works by copying YouTube HTML code into your web page HTML code. This means you need access to your website HTML code – usually through your CMS. If you do not have access to your website code, you will have to ask your web developer to carry out this part of the process for you.
In part 2 we go beyond the basics and look at some more advanced options.