Cordova iOS视频标签本地文件源

来源：互联网收集：自由互联发布时间：2021-06-10

我在基于Cordova的应用程序上在iOS上播放本地视频时遇到问题.一开始我想强调,只有当我使用WKWebView时才会出现这个问题,如果使用UiWebView,视频播放就可以了.这是我的情景： – 用户进入

我在基于Cordova的应用程序上在iOS上播放本地视频时遇到问题.一开始我想强调,只有当我使用WKWebView时才会出现这个问题,如果使用UiWebView,视频播放就可以了.这是我的情景：

– 用户进入屏幕传递视频网址

-Via FileTransfer我将其下载到手机并将其存储在所需位置

– 使用JS视频加载到< video>标签和播放.

基本上我正在按照SO question的回答所做的一切.
UiWebView的问题是,如果相对路径设置为src,由于某种原因无法加载视频(无论我使用哪种组合),所以这个解决方案对我很有用,因为它基于这行代码：

entry.toURL()

这将返回下载视频的完整路径,这很好,至少对于UiWebView.

WkWebView的问题是entry.toURL()返回smth.像这样：

file:///var/mobile/Containers/Data/Application/3A43AFB5-BEF6-4A0C-BBDB-FC7D2D98BEE9/Documents/videos/Dips.mp4

并且WKWebView不适用于file：//协议.此外,WKWebView都不适用于相对路径:(

任何人都可以帮我解决这个问题吗？

我今天使用以下内容工作,但只有在发布模式下部署到我的设备时才能使用.在调试模式下将应用程序部署到我的设备时,它将无法正常工作.

> iOS 9.3.2
> Cordova 4.0.0(iOS 3.8.0)
> Telerik WKWebView Polyfill 0.6.9

视频列表加载方法：

var path = window.cordova.file.documentsDirectory, //iTunes File Sharing directory
    href = 'http://localhost:12344/Documents', //WKWebView default server url to documents
    list = [];
function fsSuccess(dir) {
    var reader = dir.createReader();
    reader.readEntries(function (entries) {
        for (var i = 0; i < entries.length; i++) {
            list.push({ name: entries[i].name, path: href + entries[i].fullPath });
        }
    });
}
function fsError(error) {
    console.log('error', error)
}
window.resolveLocalFileSystemURL(path, fsSuccess, fsError);

视频列表点击处理程序

var video = $('#video')[0],
    source = $('#source');
function play(index) {
    source.attr('src', list[index].path);
    video.load();
    video.play();
}

视频播放器标记：

<video id="video" autoplay controls loop webkit-playsinline>
    <source id="source" type="video/mp4" />
</video>

在调试之前我一直在我的办公桌上敲我的头,直到我尝试了一个发布版本并且它有效.

上一篇：在Cordova中,如何为Windows平台设置不同的包名？
下一篇：有没有人找到Cordova Android键盘错误的解决方法？

Cordova iOS视频标签本地文件源

相关文章