IOS Cordova/Phonegap 离线视频源标签不起作用

Posted 2023-05-07

【中文标题】IOS Cordova/Phonegap 离线视频源标签不起作用

【英文标题】：IOS Cordova/Phonegap offline video source tag not working

【发布时间】：2015-03-27 13:10:00

【问题描述】：

在 ios 上，当我使用 cordova 文件传输插件下载一些视频时，它不会播放（绝对网址如：file:///var/mobile../videos/1.mp4），但是当我将视频包装到应用它工作（相对网址如：“videos/1.mp4”）。

在 android 上都可以。

脚本：

var fileTransfer = new FileTransfer();
var uri = encodeURI("http://some.server.com/download.php");

fileTransfer.download(
    uri,
    fileURL,
    function(entry) 
        generateMarkup(entry);
    ,
    function(error) 
        handleError(error);
    ,
);

generateMarkup() 函数按照 w3c http://www.w3schools.com/html/html5_video.asp 的建议创建标记

<video   controls>
  <source src="file:///var/mobile/.../movie.mp4" type="video/mp4">
  <source src="file:///var/mobile/.../movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

我已经编写了帮助程序来打印存储在应用程序沙箱中的所有文件，所以文件在那里，路径正确，但它不播放。

【参考方案1】：

挖了两天发现这个页面：https://issues.apache.org/jira/browse/CB-6051

什么有助于找出 iOS 7.x？无法处理源元素中的本地绝对路径。 （我的：iOS 7.0.4）它只是给出了一个与线交叉的播放图标。

这不起作用：

<video   controls>
  <source src="file:///var/mobile/.../movie.mp4" type="video/mp4">
  <source src="file:///var/mobile/.../movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

不过这个终于奏效了……

<video   src="file:///var/mobile/.../movie.mp4" controls>
  Your browser does not support the video tag.
</video>

希望它对某人有所帮助。