Adding video to our site

Having identified some ways to make our images responsive, let's move on to video.

Note

Images are by far the most common media added to websites, but video is probably the second. Including video clips on your site can increase visitor engagement and improve your search engine rankings. After all, Google owns YouTube so Google loves video, right?

Displaying video effectively on different device types can be tricky. Let's look at how we can display video on our site and then make sure it works on different screen widths.

Displaying video—choosing a method

Before we start, let's look at some of the methods for displaying video on our site.

Using Flash

Flash is a browser plugin created by Adobe. The Flash player is free and plays a variety of interactive and rich media content, such as video, animation, and games. However, it has three main drawbacks as follows:

• It uses large files and can slow a site down

• The iOS devices, such as iPads, iPhones, and iPods don't display it...