Skip to content

About Blog Learn Explore Patterns Case studies

Thanks for tuning in to Google I/O. Watch the Chrome content on-demand.

Media

Add audio and video to your web sites

Overview

Learn to add media capabilities to your site using either basic HTML or a media framework such as Shaka Player, JW Player, or Video.js.

Table of Contents

Concepts
Prepare media files for the web
Add media to a web page

Concepts

What is a media experience?
Media file basics
Media application basics
Media streaming basics

Prepare media files for the web

Prepare media files for the web
Containers and codecs
Bitrate
Resolution
Media conversion
Media encryption

Add media to a web page

Add media to a web page
The <video> and <source> tags
Media accessibility
Media frameworks
PWA with offline streaming
Fast playback with audio and video preload
Debug media playback errors on the web

We want to help you build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users. This site is our home for content to help you on that journey, written by members of the Chrome team, and external experts.

Contribute

File a bug
View source

Related content

developer.chrome.com
Chrome updates
Case studies
Podcasts
Shows

Connect

Twitter
YouTube

Chrome
Firebase
Google Cloud Platform
All products

Dark theme

Terms & Privacy
Community Guidelines

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.

By Chrome DevRel