How to disable the block for a specific browser and a specific device?

Question

css

Good afternoon, are there any ways to disable the block for a specific browser on a specific device? The situation is this: the site has an underlay with an embedded video, which works fine on both desktops and mobiles more or less adequately displayed, but on the miui browser on xiaomi devices it opens in the entire window blocking the rest of the content, and if I put this browser on Samsung , everything works great. I would like to make it so that the video starts on all devices and browsers, and only on some (in particular miui browser on xiaomi) just the background of the block is displayed without loading.
Video block output code:

<video preload="auto" muted="muted" playsinline="" autoplay="autoplay" class="fullscreen-bg__video" loop="loop"> 
    <source src="/wp-content/themes/annina/video/vid2.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
  		<source src="/wp-content/themes/annina/video/vid2.ogv" type='video/ogg; codecs="theora, vorbis"'>
    <source src="/wp-content/themes/annina/video/vid2.webm" type='video/webm; codecs="vp8, vorbis"'>
    </video>