Question

我的meteor / cordova应用下载视频以离线播放。

下载工作正常。 Android工作得很好......但iOS没有...

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

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

我尝试了这段HTML代码：

 <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上阅读了很多关于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();
}
});

拜托，有什么建议吗？

Answer 1

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

解决了这个问题 Play video cordova

iOS / Cordova HTML5-视频无法播放

1 个答案: