网站上加载的视频仅在 safari 上显示，而在其他浏览器上不显示

Question

视频只能在 Safari 中显示，而不能在其他浏览器中显示，如何让它们在所有浏览器上显示？

<div class="row row-0-gutter">
            <!-- start portfolio item -->
            <div class="col-md-6 col-0-gutter">
                <div class="ot-portfolio-item">
                    <figure class="effect-bubba">
                        <img src="videos/defensea.mp4" alt="img" class="img-responsive" />
                        <figcaption>
                            <h2>Defense Tech</h2>
                            <p>Systems, Solutions, Supplies</p>
                            <a href="http://defense.jbwlimited.com" data-toggle="modal"  data-target="">View more</a>
                        </figcaption>
                    </figure>
                </div>
            </div>
            <!-- end portfolio item -->