Question

我需要在基于PhoneGap 2.7构建的应用中播放视频。是否有可能使iO和Android都能正常运行 - 涵盖当今大多数Android设备？

优选地，视频文件应该从本地位置播放，以便视频文件实际上是app的一部分。（其他视频文件可以在播放之前下载和保存。）

Answer 1

您可以使用HTML5 video tag在应用内播放视频。

在Cordova应用程序中使用时，视频标签有一些怪癖（特别是在Android设备上），但在较新版本的Cordova中它的支持有很大改进，因此请确保您定位的是最新版本。

Answer 2

我知道这是一个老问题，但它仍会出现在搜索中。

要在Cordova应用中播放视频，目前我的研究中使用的最佳插件是：

https://github.com/nchutchind/cordova-plugin-streaming-media

在原生播放器中播放本地视频或流媒体视频，可配置，并且保持最新状态。

请注意，HTML5视频确实在Android版本上存在奇怪的怪癖，而在iPhone（但不是iPad）上，视频会自动在原生iPhone播放器中播放，使得HTML5视频标签成为一个糟糕的选择恕我直言，如果你希望在您的应用程序中拥有视频。

Answer 3

还有另一种在iOS设备上播放视频的选项。使用cordova-plugin-streaming-media。

以下是此插件与cordova-plugin-file合作播放本地应用媒体文件的代码示例。

data.employees[0].id[0].address.city

祝你好运！

Answer 4

你可以使用这个插件

cordova插件添加https://github.com/ednasgoldfishuk/VideoThumbnail.git

代码

cordova.plugins.videoPlayer.play("file:///android_asset/www/resources/loading/your_video.mp4");

Answer 5

在iOS上，您可以使用HTML5视频标记播放本地文件，但这在Android上无法实现。

我建议通过macdonst

使用PhoneGap的VideoPlayer插件

https://github.com/macdonst/VideoPlayer

此外，这里有一些示例代码可以帮助您在安装插件后开始使用。

<body onload="javascript:init()">
<div class="app">
    <p><a href="#" onclick="playVideo('https://www.youtube.com/watch?v=gYOLV66XukY')">Play File</a><p/>
</div>
<script type="text/javascript" src="cordova-2.3.0.js"></script>
<script type="text/javascript" charset="utf-8" src="video.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
    app.initialize();

    function init()
    {
        document.addEventListener("deviceready", console.log('ready'), true);
    }

    function playVideo(vidUrl) 
    {
        window.plugins.videoPlayer.play(vidUrl);
    }
</script>

来源： https://gist.github.com/macdonst/1507162

在适用于iOs和Android的PhoneGap / Cordova-app中播放视频

5 个答案:

https://github.com/nchutchind/cordova-plugin-streaming-media