Assistance with Browse Directive

Basically i have a CDN hosted for private use, I have some episiodes of a anime on there that i want to watch in my browser. But when i navigate to it (they are .avi files)
https://cdn.example.com/_0Anime/BBB/Ep_01.avi
It flat out downloads instead of opening them

What i want it to do, is open the video inside the browser to watch,WITHOUT downloading
Or at the very least, stream them using Windows10+VLC

Will upload my Caddy file in a minute, on phone at the momen

https://cdn.example.com, http://example.com {
        root /opt/caddy/cdn
        #index index.html
        log /opt/caddy/log/cdn.log
        browse / /opt/caddy/tpl/browse.tpl
}

https://cdn.example.com/upload, http://example.com/upload {
        basicauth / pass word
        log /opt/caddy/log/cdn_upload.log
        webdav / {
            scope       /opt/caddy/cdn
            modify      true
        }
}

http://192.168.0.101/cdn {
        log /opt/caddy/log/cdn_upload.log
        webdav / {
            scope       /opt/caddy/cdn
            modify      true
        }
}

my tpl file for the browse directive

<html>
        <head>
                <title>{{html .Name}}</title>
        </head>
        <body>
                {{if .CanGoUp}}<a href="..">Up one level</a><br>{{end}}
                <h1>{{.Path}}</h1>
                {{range .Items}}
                <a href="{{html .URL}}">{{html .Name}}</a><br>
                {{end}}
        </body>
</html>

Did you try adding this to your caddyfile?

mime .avi video/x-msvideo

Ref: https://help.encoding.com/knowledge-base/article/correct-mime-types-for-serving-video-files/

Is it the only type of file not working?

Ref: https://caddyserver.com/docs/mime