<!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>HLS WebM test with codec</title> </head> <body> <h1>HLS WebM test with codec</h1> <p>The video will try to load an HLS containing VP9-in-MP4 and fallback variants, with Opus audio:</p> <video id=hls1 controls width=640 height=360> <source type=application/vnd.apple.mpegurl src=av-mp3-mp4.m3u8> </video> <p id=err></p> <script> let codes = { [MediaError.MEDIA_ERR_ABORTED]: 'MEDIA_ERR_ABORTED', [MediaError.MEDIA_ERR_NETWORK]: 'MEDIA_ERR_NETWORK', [MediaError.MEDIA_ERR_DECODE]: 'MEDIA_ERR_DECODE', [MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED]: 'MEDIA_ERR_SRC_NOT_SUPPORTED', }; hls1.addEventListener('error', function() { let {code, message} = this.error; let codeName = codes[code]; err.textContent = `${code} ${codeName}: ${message}`; }); </script> </body> </html>