HTML5 Video Codecs
<video width="480" height="270" playsinline controls>
<source src="small.m3u8" type="application/x-mpegurl">
<source src="small.mp4" type="video/mp4">
<source src="small.webm" type="video/webm">
<source src="small.ogv" type="video/ogg">
</video>
MP4 with H.264 (AVC)
<video width="480" height="270" playsinline controls>
<source src="small.mp4" type="video/mp4">
</video>
MP4 with H.265 (HEVC)
<video width="480" height="270" playsinline controls>
<source src="small-h265.mp4" type='video/mp4;codecs="hvc1.1.L0.0"'>
</video>
MP4 with AV1
<video width="480" height="270" playsinline controls>
<source src="small.mp4" type='video/mp4;codecs="av01.0.05M.08"'>
</video>
WebM with VP8
<video width="480" height="270" playsinline controls>
<source src="small.webm" type="video/webm">
</video>
WebM with VP9
<video width="480" height="270" playsinline controls>
<source src="small.webm" type='video/webm; codecs="vp9, opus"'>
</video>
WebM with AV1
<video width="480" height="270" playsinline controls>
<source src="small.webm" type='video/webm;codecs="av01.0.05M.08"'>
</video>
OGG
<video width="480" height="270" playsinline controls>
<source src="small.ogv" type="video/ogg">
</video>
HLS with H.264
<video width="480" height="270" playsinline controls>
<source src="small.m3u8" type="application/x-mpegurl">
</video>
<video width="480" height="270" playsinline controls>
<source src="small.mp4" type="video/mp4">
</video>
<video width="480" height="270" playsinline controls>
<source src="small-h265.mp4" type='video/mp4;codecs="hvc1.1.L0.0"'>
</video>
MP4 with AV1
<video width="480" height="270" playsinline controls>
<source src="small.mp4" type='video/mp4;codecs="av01.0.05M.08"'>
</video>
WebM with VP8
<video width="480" height="270" playsinline controls>
<source src="small.webm" type="video/webm">
</video>
WebM with VP9
<video width="480" height="270" playsinline controls>
<source src="small.webm" type='video/webm; codecs="vp9, opus"'>
</video>
WebM with AV1
<video width="480" height="270" playsinline controls>
<source src="small.webm" type='video/webm;codecs="av01.0.05M.08"'>
</video>
OGG
<video width="480" height="270" playsinline controls>
<source src="small.ogv" type="video/ogg">
</video>
HLS with H.264
<video width="480" height="270" playsinline controls>
<source src="small.m3u8" type="application/x-mpegurl">
</video>
<video width="480" height="270" playsinline controls>
<source src="small.mp4" type='video/mp4;codecs="av01.0.05M.08"'>
</video>
<video width="480" height="270" playsinline controls>
<source src="small.webm" type="video/webm">
</video>
WebM with VP9
<video width="480" height="270" playsinline controls>
<source src="small.webm" type='video/webm; codecs="vp9, opus"'>
</video>
WebM with AV1
<video width="480" height="270" playsinline controls>
<source src="small.webm" type='video/webm;codecs="av01.0.05M.08"'>
</video>
OGG
<video width="480" height="270" playsinline controls>
<source src="small.ogv" type="video/ogg">
</video>
HLS with H.264
<video width="480" height="270" playsinline controls>
<source src="small.m3u8" type="application/x-mpegurl">
</video>
<video width="480" height="270" playsinline controls>
<source src="small.webm" type='video/webm; codecs="vp9, opus"'>
</video>
<video width="480" height="270" playsinline controls>
<source src="small.webm" type='video/webm;codecs="av01.0.05M.08"'>
</video>
OGG
<video width="480" height="270" playsinline controls>
<source src="small.ogv" type="video/ogg">
</video>
HLS with H.264
<video width="480" height="270" playsinline controls>
<source src="small.m3u8" type="application/x-mpegurl">
</video>
Video source: Sintel, the Durian Open Movie Project