Video Tutorial

Today I will be showing you how to embed a video onto an html file.

Video Tag

Video File Types

Video Attributes

Video Quality

Ultimately, you want the best looking video you can manage while still being reasonable with your file size. So as you answer the questions above, you'll find yourself making adjustments to the quality settings for your video's display size, bitrate, frame rate, and audio settings.

Display Size

The display size is the dimensions of your video. When determining a video's display size, you will want to consider what maximum viewing size the user will require. If it's something they will likely set to full screen, you'll want a video whose original dimensions are larger. But if it'll be content without a lot of detail or beautiful sights to take in, you can go smaller with it. Just remember, you don't want to set the width and height attributes on the

Birate

Bitrate is the amount of data processed in a given amount of time, commonly measured in kilobits per second (kbps) or megabits per second (mbps). There are 8 bits in a byte, so if a video has a bitrate of 700kbps, that would mean its file size for one second of video would be about 88 kilobytes. If that same video is a minute long, that means it'll be over 5 megabytes large. So you can see that video sizes can get high very fast. A video with good quality for the web has a bitrate of roughly 1.5mbps to 2.5mbps. Videos with visual complexity and action should maintain a higher bitrate than one that just has an in-studio interview.

Frame Rate

The frame rate is the number of still images that are flashed within a second, therefore, measured in frames per second (or fps). Our mind strings the series of images together into perceived movement on the screen. The standard for films is about 24fps, but the eye could still effectively be tricked as low as 16fps. However, it is common for web video to be set to 30fps on services like YouTube. Some people may even opt for frame rates as high as 60fps if higher quality is desired. But remember, the higher the frame rate, the more bandwidth and file space will be taken up.

Audio Settings

If your video comes with audio, then that also must be accounted for when determining your video's ultimate file size. Audio's bitrate can often be compressed down to 320kbps without any discernible loss in quality. Its sample rate should be set to 44.1kHz, or 22050Hz for spoken or lower quality tracks. And typically for web listening, it should be recorded in mono (especially for spoken audio) or stereo (for tracks with music or a lot of nuance).

Video Shared and Embed

My Video