<!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=&quot;jpeg&quot;" src=polyphon-jpeg.mp4>
        </video>
        <p>Flat JPEG-in-MOV:</p>
        <video id=flat2 controls width=640 height=360>
            <source type="video/quicktime; codecs=&quot;jpeg&quot;" 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=&quot;jpeg&quot;" src=polyphon-jpeg-aac.mov>
        </video>
    </body>
</html>