HTML5 VIDEO使用PhoneGap标记正确的来源

时间:2016-12-09 16:34:09

标签: html5 cordova video src

我想在我的PhoneGap应用中使用视频标记来播放inapp存储文件。不幸的是,我无法找到办法,如何处理文件。当我在外部将我的标签定义为

<video controls id="introVideo">
    <source src="http://techslides.com/demos/sample-videos/small.mp4" type=video/mp4>
</video>

一切正常(当我将文件加载到设备中的永久存储器并从那里播放时,它是一样的)。我什么时候喜欢这个

<source src="/www/graphics/video/small.mp4" type=video/mp4> 

有一个JS ERROR“无法加载资源small.mp4”,视频播放器显示视频长度为0:00。当我这样做时

<source src="file:///android_asset/www/graphics/video/small.mp4" type=video/mp4> 

没有错误,但视频播放器显示的视频长度是1:40(原来是0:05),点击播放按钮什么都不做。

我的文件位置功能输出

FA.getInAppFilePath = function(filePath,successCallback, failCallback)
{
     window.resolveLocalFileSystemURL(cordova.file.applicationDirectory + 'www/' + filePath, function (fileEntry) {
         console.log(JSON.stringify(fileEntry));
     }, failCallback);
}

控制台输出:

{
   "isFile":true,
   "isDirectory":false,
   "name":"small.mp4",
   "fullPath":"/www/graphics/video/small.mp4",
   "filesystem":"<FileSystem: assets>",
   "nativeURL":"file:///android_asset/www/graphics/video/small.mp4"
}

因此,它证明该文件位于移动设备上。在这里,您可以看到上面提到的3个示例中的视频播放器的屏幕截图:

enter image description here

任何想法,如何正确地做到这一点?

1 个答案:

答案 0 :(得分:0)

路径应为<source src="graphics/video/small.mp4" type=video/mp4> 你已经在/ www