html - 视频不显示在移动设备上

Question

出于某种原因，我的视频在 PC 上运行良好，完全符合我的要求，但是，在移动设备上，不管是 android 还是 IOS，视频都不会显示。只是视频应该在框中的空白区域。

<div class="embed-responsive embed-responsive-1by1">
  <video playsinline autoplay loop muted class="embed-responsive-item">
    <source src="static/video/legs/video1.mp4" type="video/mp4">
  </video>
</div>

标签： html

Answer 1

<video width="800" height="800" style="margin-top: 150px; box-shadow: 0px 4px 4px 3px #635a5a;border-radius: 8px;" controls="">
    <source src="assets/images/video.mp4" type="video/mp4">
</video>

这是响应式的，适用于所有设备