Воспроизведение видео в PhoneGap/Cordova-app для iOS и Android

Мне нужно воспроизвести видео в приложении, которое построено на PhoneGap 2.7. Возможно ли сделать эту работу для iOS и Android - охватывающих большинство современных Android-устройств?

Предпочтительно, чтобы видеофайл воспроизводился из локального местоположения, так что видеофайл фактически является частью приложения. (И другие видеофайлы могут быть загружены и сохранены до их воспроизведения.)

Ответ 1

Вы можете использовать HTML5 video tag для воспроизведения видео в приложении.

У тега видео были некоторые причуды, когда они использовались в приложении Cordova (особенно на устройствах Android), но его поддержка значительно улучшена в новых версиях Cordova, поэтому убедитесь, что вы нацеливаете последнюю версию.

Ответ 2

Также есть возможность воспроизведения видео на устройстве iOS. Используйте cordova-plugin-streaming-media.

Здесь приведен пример кода для этого плагина для воспроизведения файла медиафайлов локального приложения в сотрудничестве с cordova-plugin-file.

var path = cordova.file.applicationDirectory + "www/media/video.mp4";
if (cordova.platformId == 'ios') {
    var options = {
        successCallback: function () {
            console.log("Video was closed without error.");
        },
        errorCallback: function (errMsg) {
            console.log("Error! " + errMsg);
        },
        orientation: 'landscape'
    };
    window.plugins.streamingMedia.playVideo(path, options);
}

Удачи!

Ответ 3

Я знаю, что это старый вопрос, но он все еще встречается в поиске.

Для воспроизведения видео в приложении Кордовы лучший плагин для использования, из моих исследований, в настоящее время:

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

Это воспроизводит локальное или потоковое видео в собственном проигрывателе, настраивается и обновляется.

Обратите внимание, что у HTML5-видео есть странные причуды на Android-версии, а на iPhone (но не на iPad) видео будет автоматически воспроизводиться в родном iPhone-плеере, сделав видео-тег HTML5 плохим выбором ИМХО, если вы хотите иметь видео в своем приложении.

Ответ 4

вы можете использовать этот плагин

плагин cordova добавить https://github.com/ednasgoldfishuk/VideoThumbnail.git

с кодом

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

Ответ 5

В iOS вы можете использовать тег HTML5 для воспроизведения локальных файлов, но это невозможно на Android.

Я бы рекомендовал использовать плагин VideoPlayer для PhoneGap с помощью macdonst

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