javascript - HTML5 视频不显示在 Safari 上，但适用于所有其他浏览器

Question

视频和海报在 Chrome、firefox 和 Opera 上显示，但在 safari 上不显示，尽管视频是 .mp4 格式..

https://brunelstudents.com/teambruneltest/

Answer 1

对于 safari，您需要添加 .webm 格式的视频。

<video controls>
      <source src="somevideo.webm" type="video/webm">
      <source src="somevideo.mp4" type="video/mp4">
      I'm sorry; your browser doesn't support HTML5 video in WebM with VP8 or MP4 with H.264.
      <!-- You can embed a Flash player here, to play your mp4 video in older browsers -->
</video>