Question

尝试在网站主页上播放一个简单的视频。我已经包含了所有三种类型的视频，它在Chrome，Firefox和Opera上运行得很好。但没有Safari。

网站可以在这里看到： outoftheboxtechnology.appspot.com

<video id="my-video" playsinline class="video" muted loop autoPlay width="100%">
  <source src="/assets/media/six-points.webm" type="video/webm">
  <source src="/assets/media/six-points.mp4" type="video/mp4">
  <source src="/assets/media/six-points.ogg" type="video/ogg"> 
</video>

Answer 1

Safari 3.1+支持它（桌面）。

试试这个语法

<video src="http://example.com/path/mymovie.mp4" controls></video>

来源：https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Introduction/Introduction.html

Answer 2

您need Safari 4.0使<video>代码生效。也许您可以在您的网站上为您的用户发布通知。一旦你遇到这种情况：

确保您的src（在您的情况下为/assets/media/six-points.webm等）有效且来源存在。
确定你打开Safari中的Web Inspector并检查标记是否正确正确地放在DOM中。

示例：

＆＃13;

<section>
  <video id="my-video" playsinline class="video" muted loop autoPlay width="100%">
    <source src="http://techslides.com/demos/sample-videos/small.mp4"   type="video/mp4">
  </video>
</section>

＆＃13;

HTML5视频适用于Safari以外的所有浏览器

2 个答案: