I want to use jxr, webp and jp2 format in all browsers.
I've tried to use picture tag and picturefill to resolved this.
<html>
<head>
<script async=true src="picturefill.min.js"></script>
</head>
<body>
<picture>
<!--[if IE 9]><video style='display: none;'><![endif]-->
<source type="image/webp" srcset="img.webp">
<source type="image/jxr" srcset="img.jxr">
<source type="image/jp2" srcset="img.jp2">
<!--[if IE 9]></video><![endif]-->
<img src="img.jpg" alt="alt description">
</picture>
</body>
</html>
In Chrome and Firefox it shows the webp image, but in IE and Edge it always shows the jpg image. IE supports jxr format, so why always shows the JPG image instead jxr?