<!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>HLS WebM test with JPEG</title> </head> <body> <h1>HLS WebM test with JPEG</h1> <p>The video will try to load an HLS containing a VP9-in-MP4 variant, with AAC audio, with JPEG-in-MP4 fallback:</p> <video id=hls1 controls width=640 height=360> <source type=application/vnd.apple.mpegurl src=fallback-jpeg.m3u8> </video> <p>HLS containing JPEG-in-MP4, with AAC audio:</p> <video id=hls2 controls width=640 height=360> <source type=application/vnd.apple.mpegurl src=only-jpeg.m3u8> </video> <p>HLS containing JPEG-in-MOV, with AAC audio:</p> <video id=hls3 controls width=640 height=360> <source type=application/vnd.apple.mpegurl src=only-jpeg-mov.m3u8> </video> <p>Flat JPEG-in-MP4:</p> <video id=flat1 controls width=640 height=360> <source type="video/mp4; codecs="jpeg"" src=polyphon-jpeg.mp4> </video> <p>Flat JPEG-in-MOV:</p> <video id=flat2 controls width=640 height=360> <source type="video/quicktime; codecs="jpeg"" src=polyphon-jpeg.mov> </video> <p>Flat JPEG-in-MOV, with AAC audio:</p> <video id=flat3 controls width=640 height=360> <source type="video/quicktime; codecs="jpeg"" src=polyphon-jpeg-aac.mov> </video> </body> </html>