<!DOCTYPE html>
<html>
    <head>
        <meta charset=utf-8>
        <title>HLS VP9/fMP4 test</title>
        <link rel=stylesheet type=text/css href=video-js/video-js.css>
    </head>
    <body>
        <h1>iOS HLS VP9 fallback test</h1>

        <p>WebM VP9/Opus and VP8/Vorbis with fallback HLS with VP9-and-AAC-in-fMP4.</p>
        <video controls width=640 height=360>
            <source type="video/webm; codecs=&quot;vp9, opus&quot;" src=standalone-vp9.webm>
            <source type="video/webm; codecs=&quot;vp8, vorbis&quot;" src=standalone-vp8.webm>
            <source type=application/vnd.apple.mpegurl src=standalone-vp9-aac.m3u8>
        </video>

        <p>Only HLS with VP9-and-AAC-in-fMP4.</p>
        <video controls width=640 height=360>
            <source type=application/vnd.apple.mpegurl src=standalone-vp9-aac.m3u8>
        </video>

        <p>Direct VP9-and-AAC-in-fMP4.</p>
        <video controls width=640 height=360>
            <source type="video/mp4" src=standalone-vp9-aac.mp4>
        </video>
    </body>
</html>