HTML5 тег видео не работает в Android PhoneGap - PullRequest
3 голосов
/ 15 марта 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='{"controls":true}'>
        <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> 

Этот код показывает, что видеоплеер. Но видео не воспроизводится при нажатии кнопки воспроизведения. Что случилось?пожалуйста, направь меня.заранее спасибо.

Ответы [ 6 ]

1 голос
/ 05 февраля 2013

Вы сказали, что это не работает на эмуляторе, верно?Не думаете ли вы, что видео не воспроизводится в основном потому, что на эмуляторе Android SDK у вас, вероятно, нет аппаратного ускорения?Некоторые вещи не работают должным образом (иногда вообще не работают), если у вас нет HW-ускорения и достаточно мощного устройства для этого.

В этом случае можно использовать видео в 3GP.формат.Это должно работать на эмуляторе Android SDK и на старых мобильных телефонах на платформе Android со слабым аппаратным обеспечением.Я использовал это в моем проекте.

0 голосов
/ 25 июля 2014

Добавьте android: hardwareAccelerated = "true" как дочерний элемент в файле манифеста активности.Он воспроизводит видео html5 внутри веб-просмотров без каких-либо обходных путей.

например

<activity
    android:name="com.example.MainActivity"
    android:hardwareAccelerated="true"
    android:configChanges="keyboardHidden|orientation|screenSize" >
    ...
</activity>
0 голосов
/ 05 февраля 2013

В дополнение к тому, что ghostCoder говорит ниже (добавление обработчика кликов для воспроизведения видео, которое вам нужно сделать для Android), также попробуйте удалить type='video/mp4', так как это иногда приводит в замешательство Android.

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

Когда вы используете тег Video для воспроизведения видео в приложении phonegap, он хорошо работает на iphone, но не на Android.

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

попробуйте что-то вроде этого

var video = document.getElementById('video');
video.addEventListener('click',function(){
  video.play();
},false);
0 голосов
/ 15 марта 2012

Вы уверены, что ваш видеопоток имеет формат H.264 и идентификатор аудиопотока AAC для MP4. Потому что я думаю, что Android поддерживает MP4

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...