I’m experiencing an issue where a video on my website, meant to auto-play inline, instead launches in full-screen mode on all mobile browsers. This behavior persists despite correctly implementing the playsinline and webkit-playsinline attributes in my HTML code. Here’s the code snippet for reference:

<video poster="URL_TO_IMAGE" autoplay loop muted controls width="100%" height="auto" webkit-playsinline playsinline>
    <source src="URL_TO_VIDEO" type="video/webm" />
    Your browser does not support the video tag.
</video>

The video is meant to play automatically in the space where it is embedded on the webpage, not take over the full screen. I’m looking for any insights or solutions to ensure the video plays inline as intended. I’ll attach a screenshot showing the unwanted full-screen mode. Thanks in advance for your help!
website:
https://med-lek.pl/kolagen-max/?sklep=true
theme:
https://themeforest.net/item/stockie-multipurpose-creative-woocommerce-theme/23517006 (they don’t resonse for my problems…)

Feel free to adjust the content to better fit your experience or add more details