Как воспроизвести видео с помощью HTML5 VideoPlayer в Android PhoneGap? - PullRequest
0 голосов
/ 14 марта 2012

Я создал приложение в Android PhoneGap. Я хочу воспроизводить видео с помощью видеоплеера HTML5. Мой код:

<!DOCTYPE html>
    <html>
        <head>
          <title>Video.js | HTML5 Video Player</title>
          <link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet" type="text/css">
          <script src="http://vjs.zencdn.net/c/video.js"></script>
        </head>
        <body>
          <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264" poster="http://video-js.zencoder.com/oceans-clip.png" data-setup="{}">
            <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
            <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
            <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
          </video>
        </body>
    </html> 

Этот код показывает, что видеоплеер .но видео не воспроизводится при нажатии кнопки воспроизведения. Что не так?

пожалуйста, направь меня. заранее спасибо.

Ответы [ 5 ]

4 голосов
/ 24 апреля 2012

Android имеет проблемы с воспроизведением видео и часто может быть запущен только через JavaScript, добавив обработчик события click к элементу видео и воспроизведя видео после активации.

Например:

function play() {
   var video = document.getElementById('video');
   video.addEventListener('click',function(){
      video.play();
   },false);
}

Возможно, вам придется адаптировать этот код для работы с вашим.

1 голос
/ 14 мая 2012

У меня все сразу заработало.Я использую эмулятор iOS.

Убедитесь, что вы установили разрешение на переход по этому URL.

Cordova.plist --> externalhosts

Вы можете использовать подстановочный знак для объединения нескольких URL в один.

0 голосов
/ 14 марта 2012

Добавьте следующее к своей основной деятельности

@Override
public void init() {
    super.init();

    this.appView.getSettings().setPluginsEnabled(true);
}
0 голосов
/ 15 марта 2012

Мы не можем воспроизводить видео, используя в Android. он отлично работает в iphone, хотя. попробуйте использовать плагин для этой цели. Проверь это Плагин VideoPlayer

0 голосов
/ 14 марта 2012

Попробуйте добавить это:

data-setup='{"controls":true}'
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...