htaccess fallback rule for webm video files

Question

I would like to start using webm video files on my wordpress website.

Webm video files show correctly on Chrome and Firefox, but not on Internet Explorer.

So I'm trying to add an htaccess rule to replace webm with an mp4 file with same name when webm is unsupported by browser

• example - from https://website.com/wp-content/uploads/2022/08/test.webm to https://website.com/wp-content/uploads/2022/08/test.mp4

But it does not work. Any hint would be greatly appreciated.

 RewriteCond %{HTTP_ACCEPT} !video/webm
 RewriteCond %{DOCUMENT_ROOT}/$1.mp4 -f
 RewriteRule (.+)\.webm$ $1.mp4 [T=video/mp4,E=REQUEST_video]

Answer 1

For those interested I've managed to find a working alternative solution with jQuery:

function webm_fallback()
{
    if (is_single()) {

        ?>
<script>
    (function($){
        $(document).ready(function(){
// detect Internet Explorer
        if((navigator.userAgent.indexOf("MSIE") != -1 ) || (!!document.documentMode == true )){
// replace 
            $('source').each(function(){
                var source = $(this).attr('src');
                $(this).attr('src',source.replace('.webm', '.mp4'));
                $(this).prop('type','video/mp4');            

            });       
        }
    });
})(jQuery);
    </script>
<?php
    }
}

add_action('wp_head', 'webm_fallback');