Topic: source tag plays only sound and not video

saipavan.jhnr pro asked 3 years ago


Expected behavior video plays only in safari but not in chrome and edge Actual behavior green screen appears instead of playing video.. but sound get played when right clicked and controls are enabled and clicked on unmute icon. but video still does not play... Resources (screenshots, code snippets etc.) ! Watch Sai Samsthan Tour video

--> -->


Marcin Luczak staff answered 3 years ago


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


saipavan.jhnr pro answered 3 years ago


<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="/img/site/trailer1.mp4" type="video/mp4" /> -->
                    </video>
                </div>          </div>


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.5.11
  • Device: desktop
  • Browser: Chrome, Edge
  • OS: windows
  • Provided sample code: No
  • Provided link: No