Html5视频标签：iOS不支持mp4视频

我在本网站上有一个介绍视频：http://staging.optiekcardoen.be/。顶部的视频在大多数浏览器上自动播放，这就是我想要的行为。在Safari iOS上，这个视频的海报图片上方只有一个播放按钮。当我点击它时，什么都没有发生...... :(Html5视频标签：iOS不支持mp4视频

当我将w3schools（https://www.w3schools.com/html/tryit.asp?filename=tryhtml5_video）的bigbugbunny视频与绝对路径集成时，它工作得很好！当我下载同样的兔子视频时，将其上传到我的服务器并在我的视频标签中作出相对链接，它也不起作用。

首先，我把视频向上移动了一个更大的z-index。问题仍然存在。然后，我与我的托管服务提供商检查改变然后我问我的介绍视频的制作人，如果他想尽量减少视频，但没有解决任何问题。

我没有可能性我我很害怕，是有谁有另一个可能的答案吗？

来源

2017-03-08 Sam

你检查，该编码的（编解码器，音频等）视频还好吗？ – Offbeatmammal

我要求视频制造商确保视频保存了这些设置：“如果是H.264视频，它应该满足：高达1080p，每秒30帧，High Profile 4.1级，AAC-LC音频高达160 Kbps，48kHz，.m4v，.mp4和.mov文件格式的立体声音频;“。该视频没有音频轨道，所以这在这种情况下并不重要。这些设置是编码设置，还是这有点别的？ – Sam

我觉得这是一个HTTP vs HTTPS同源的安全问题。

如果你去在Safari的网站，并期待在控制台，你会看到：

封闭起源“https://www.youtube.com”框访问与出身“http://staging.optiekcardoen.be”的框架。请求访问的帧具有“https”的协议，正被访问的帧具有“http”的协议。协议必须匹配。

在这里看到更多的信息：https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy

更新：

正如萨姆提到的评论，而上面的问题应该得到解决，即使这个问题被忽略，主视频，这不是来自YouTube的，不会播放。主要页面的视频有错误的MIME类型也 - 见下：

<source src="/files/intro-320x176-laag.mp4" type="video/webm">

更新2

我做了一个快速测试，并验证了在Safari上至少，一个MP4视频不会，如果打MIME类型设置为webm。

如果你设置你的MIME类型MP4我怀疑你的视频将正常发挥 - 即改变上面行的末尾：

<source src="/files/intro-320x176-laag.mp4" type="video/mp4">

来源

2017-03-08 16:32:03 Mick

奇怪的是，介绍视频不是YouTube视频当你导航到'Beestige referenties'时，你有6个Youtube视频vids。点击Safari iOS中的播放按钮，实际上我应该改变http://staging.optiekcardoen.be的网站https://staging.optiekcardoen.be insteds？ – Sam

是的，你是对的。您可以在Safari浏览器开发者工具中查看相同的来源检查，并且您的视频仍然无法播放。它绝对在Chrome中发挥作用。一个可能的问题是，你在视频结尾处有错误的mime类型 - 你有webm而不是mp4。 Safari可能比Chrome更敏感。你可以改变这个，然后再试一次吗？ – Mick

谢谢米克！我问我的托管将http环境更改为https。我很好奇;） – Sam

<video autoplay="" muted="" loop="" poster="/files/intro.jpg">   
    <p>Uw browser video tag.</p> 
</video>

你试过这个吗？

来源

2017-03-08 13:35:53

的Uw浏览器ondersteunt吉恩视频标签

–

喜柿，我改变了视频属性仍然没有改进Bizarre！ – Sam

Html5视频标签：iOS不支持mp4视频

回答

相关问题