HTML5 视频可在除 Safari 之外的所有浏览器中使用答案

【问题标题】：HTML5 Video working in all browsers except SafariHTML5 视频可在除 Safari 之外的所有浏览器中使用
【发布时间】：2019-03-24 15:27:21
【问题描述】：

试图在网站的主页上播放一个简单的视频。我已经包含了所有三种类型的视频，它在 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>

【问题讨论】：

您的 mp4 视频以纯文本形式发送。您需要配置您的服务器。

标签： html video

【解决方案1】：

您 need Safari 4.0 使 <video> 标记工作。也许您可以在您的网站上为您的用户发布通知。一旦满足该条件：

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

例子：

<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>

【讨论】：

@blurtz 你可以试试我的代码，如果不行，你能展示整个 HTML 文档吗？

【解决方案2】：

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

【讨论】：

嗯似乎没有用。感谢您的回复。我认为语法是正确的，只是不确定为什么它不起作用。
您使用的是什么版本的 Safari？