Skip to content

Learn Measure Blog Case studies About

The PWA community is coming together for #PWASummit22. Have a great story about developing a web app? Submit your talk today

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

Contribute

File a bug
View source

Related content

developer.chrome.com
Chrome updates
Web Fundamentals
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.