视频标记无法在Safari和Mozilla中使用

Question

我使用了以下代码，

<div class="embed-responsive embed-responsive-16by9">
    <video width="100%" height="100%" controls>
         <source src="videos/mov-vedio.mp4" type="video/mp4">
    </video>
</div>

但它仅在ipad和iphone中显示，在PC浏览器中显示为空白区域。

请帮忙。