source tag plays only sound and not video

<div class="col-lg-6 col-md-12">
                <p class="h5 text-center mb-4">Watch Sai Samsthan Tour video</p>
                <div class="embed-responsive embed-responsive-16by9">
                    <video class="video-fluid" autoplay playsinline loop muted>
                        <source src="https://mdbootstrap.com/img/video/Tropical.mp4"
                            type="video/mp4" />
                        <!-- <source src="https://mdbcdn.b-cdn.net/img/site/trailer1.mp4" type="video/mp4" /> -->
                    </video>
                </div>          </div>

Hi,

I've made a snippet of your code https://mdbootstrap.com/snippets/jquery/marcin-luczak/2910120, and also I've run the code locally on my PC. Both snippet and local code are working on chrome. Please check if this snippet works for you.

Also please check your browsers with https://html5test.com. It will show whether your browser is able to play specific video/audio formats. Maybe it's is a matter of updating your browser or installing proper codecs/media pack on your device.

Please let me know what is the result.

Regards, Marcin