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

        <h2>Caminandes - Llamigos</h2>

        <p><a href="fmp4.html">back to main fmp4 entry</a></p>

        <h3>Single video codecs with Opus .mp4 and MP3 raw audio</h3>

        <p>VP9 .mp4 + Opus/MP3 (expected to work on all current iOS models, with a sharp picture):</p>
        <video controls width=640 height=360>
            <source type=application/vnd.apple.mpegurl src=fmp4.vp9.m3u8>
        </video>

        <!--
        <p>Motion-JPEG .mp4 + Opus/MP3 (expected to work on all recent-ish Mac and iOS devices, but be blurry -- known issues with iOS 13):</p>
        <video controls width=640 height=360>
            <source type=application/vnd.apple.mpegurl src=fmp4.mjpeg.m3u8>
        </video>
        -->

        <p>Motion-JPEG .mov + Opus/MP3 (expected to work on all recent-ish Mac and iOS devices, but be blurry):</p>
        <video controls width=640 height=360>
            <source type=application/vnd.apple.mpegurl src=fmp4.mjpeg.mov.m3u8>
        </video>

        <p>H.264 .mp4 + Opus/MP3 (expected to work on all Mac and iOS devices):</p>
        <video controls width=640 height=360>
            <source type=application/vnd.apple.mpegurl src=fmp4.h264.m3u8>
        </video>

    </body>
</html>