使用 Phonegap 3.4 的 Android 上的 HTML5 视频答案

【问题标题】：HTML5 Video on Android using Phonegap 3.4使用 Phonegap 3.4 的 Android 上的 HTML5 视频
【发布时间】：2014-05-26 21:33:41
【问题描述】：

对于我的生活，我无法使用 phonegap 3.4 在 android webview 中使用 HTML5 视频标签播放任何视频。我意识到在 android webview 中有很多关于 HTML5 视频的问题，但大多数答案都是旧的，并且是指旧版本的 phonegap。

我在这里尝试过使用插件：

https://github.com/dawsonloudon/VideoPlayer

但我是 phonegap 的新手，我无法让插件正常工作。我不确定将 .java 文件放在哪里或如何在项目中引用它。

任何使用此插件的人都可以帮助我设置我的项目吗？（即 .java 文件在哪里以及如何引用它？）

【问题讨论】：

你使用的是cordova命令行客户端吗？
是的，我可以简单地使用cordova插件添加github.com/dawsonloudon/VideoPlayer吗？
哦，这似乎奏效了
如何指定 VideoPlayer 对象应定位的 <video> 标记？
而不是使用<video> 标记，您可以像VideoPlayer.play("http://path.to.my/video.mp4"); 一样进行javascript 调用。大多数人会显示视频中的缩略图并将点击操作分配给插件的play 方法。

标签： android html video cordova

【解决方案1】：

我已经放弃了所有视频插件的东西，因为它真的对我一点帮助都没有。您可以保留视频标签。只需使用您的包名称尝试使用此参考：

src="android.resource://com.oest.freshwater/raw/caddisfly"

将视频文件移动到名为“raw”的新目录中，该目录位于platforms->Android->res 文件夹中。您会在上面的链接中注意到，文件的扩展名 (.mp4) 被省略了。不要在源代码中添加扩展名，这一点非常重要。

不要费心让它在模拟器中工作，它大部分时间都会崩溃。确保包含对海报图像的引用，因为 html 视频播放器根本不会显示视频的缩略图。

我绝对应该在Loading video failed on html5 phonegap 的 stackoverflow 帖子中感谢 @Prasanta Barman，因为这是我从中获得解决方案的地方。

【讨论】：

【解决方案2】：

html5lightbox 可以在 ios 和 android 中使用。它支持图像、Flash SWF 文件、YouTube、Vimeo 和本地 mp4、m4v、flv、ogg、ogv 和 webm 视频，适用于 Windows、Linux、Mac、iPhone、iPad、Android、Windows Phone 和所有现代网络浏览器

http://html5box.com/html5lightbox/

【讨论】：