Providing a brief description of video content helps users decide if the content is relevant to their needs and helps search engines understand the content of the video.
Video content can be effective in the right circumstances eg practical demonstrations work well but talking head type videos tend to be less useful well received.
From the users' point of view video has a higher interaction cost (takes longer to find information) than text as it's not as scannable as a text based page.
Videos can be embedded from youtube - grab the embed code and the preview image will scale to the width of the page.
This is a summary of the video above which helps our users and search engines.
Responsive videos
- Embed the video and save the page
- Add the <div class=”YouTube”> at the start of the paragraph and the </div> at the end of the paragraph
- Edit the frame width and height to both be 100% instead of the default fixed pixel value
<div class="youtube">
<p>
<a href="video url title="video title">
<iframe width="100%" height="100%" src="video embed url" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="" title="video title">
</iframe>
</a>
</p>
</div>
or vimeo