<!DOCTYPE html>
<html>
    <head>
        <meta charset=utf-8>
        <title>HLS WebM test with codec</title>
    </head>
    <p>
        <h1>HLS WebM test with codec</h1>

        <p>The video will try to load an HLS containing a VP9-in-MP4 and other variants, with AAC audio, with codec string marked for VP9:</p>
        <video id=hls1 controls width=640 height=360>
            <source type="application/vnd.apple.mpegurl; codecs=&quot;vp09.00.10.08, mp4a.40.02&quot;" src=av-aac-mp4.m3u8>
        </video>

        <p>Same, but simple codec string:</p>
        <video id=hls2 controls width=640 height=360>
            <source type="application/vnd.apple.mpegurl; codecs=&quot;vp9, mp4a.40.02&quot;" src=av-aac-mp4.m3u8>
        </video>

        <p>Same, with codec string asking for H.264:</p>
        <video id=hls3 controls width=640 height=360>
            <source type="application/vnd.apple.mpegurl; codecs=&quot;avc1.42e00a, mp4a.40.02&quot;" src=av-aac-mp4.m3u8>
        </video>

        <p>Same, unmarked:</p>
        <video id=hls4 controls width=640 height=360>
            <source type=application/vnd.apple.mpegurl src=av-aac-mp4.m3u8>
        </video>

    </body>
</html>