iOS / Cordova HTML5-视频不播放答案

【问题标题】：iOS / Cordova HTML5-Video not playingiOS / Cordova HTML5-视频不播放
【发布时间】：2016-01-03 19:04:38
【问题描述】：

我的流星/科尔多瓦应用程序下载视频以离线播放。

下载工作正常。 Android 运行良好……但 iOS 不行……

我尝试了本地绝对 URL：file:///...，但我得到了Not allowed to load local resource Error，所以我在 Android 上使用了 cordova-httpd，但这也不起作用，没有任何错误 (http://127.0.0.1:8880/ 或 http://192.168.2.100:8880)。如果我在浏览器或 curl 中打开 URL，我可以查看/下载视频，因此 httpd 服务器似乎可以工作。我在真机 iPhone 和 iOS 模拟器上试过。

直接从远程/互联网播放视频。

我试过这个 HTML sn-ps：

 <div class="video-container">
    <video src="{{video_url}}" type="video/mp4" width="100%" controls="controls">
    </video>
    <button class="ion-play play-button"></button>
 </div>

和

 <div class="video-container">
    <video width="100%" controls="controls">
       <source src="{{video_url}}" type="video/mp4" />
    </video>
    <button class="ion-play play-button"></button>
 </div>

在过去的几天里，我在 github 和 cmets 上阅读了很多关于 stackoverflow 的问题，但我无法让它工作。

（顺便说一句。视频也是通过按钮点击触发的）

Template.Content.events({
"click .play-button": function (event) {
  // Prevent default browser form submit
  event.preventDefault();
  event.target.classList.add('playing');
  var video = event.target.parentNode.getElementsByTagName('video')[0];
  video.load();
  video.play();
}
});

请问有什么建议吗？

【问题讨论】：

标签： ios cordova mobile meteor html5-video

【解决方案1】：

我发现了问题。我的 url 有一个双斜杠 (http://192.168.0.100:8880//videos/some.mp4)，在 iOS 上 HTTP-Server 返回了 404 错误。

由此解决 Play video cordova

【讨论】：