Видеотег html5 не работает в Android PhoneGap

Я создал приложение в 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>

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


cordova javascript html jquery
person Mercy    schedule 15.03.2012    source источник
comment
broken-links.com /2010/07/08/   -  person ghostCoder    schedule 15.03.2012
comment
см. stackoverflow.com/questions/9094848/   -  person gmh04    schedule 15.03.2012
comment
Я использую эту ссылку videojs.com для создания видеоплеера в Android PhoneGap. Видеоплеер успешно создан, но видео не воспроизводится. В браузере работает нормально, а в эмуляторе нет. как решить эту проблему. пожалуйста, помогите мне. это срочно. заранее спасибо. Я хочу воспроизвести видео на YouTube с помощью этого проигрывателя.   -  person Mercy    schedule 15.03.2012

Ответы (6)


arrow_upward
0
arrow_downward

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

person Ian Devlin    schedule 05.02.2013

arrow_upward
0
arrow_downward

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

person Neji    schedule 15.03.2012
comment
Репозиторий, на который вы ссылались выше, устарел. Чем этот плагин отличался от тега HTML5? - person Fostah; 01.05.2014

arrow_upward
0
arrow_downward

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

eg

<activity
    android:name="com.example.MainActivity"
    android:hardwareAccelerated="true"
    android:configChanges="keyboardHidden|orientation|screenSize" >
    ...
</activity>
person Ramanan    schedule 25.07.2014

arrow_upward
0
arrow_downward

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

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

person Leonardo Montenegro    schedule 05.02.2013

arrow_upward
-1
arrow_downward

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

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

arrow_upward
-2
arrow_downward

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

person Tarun    schedule 15.03.2012
comment
спасибо за ваш ответ. Я хочу воспроизвести видео на вашем канале с помощью видеоплеера html5 под Android phonegap - person Mercy; 15.03.2012
comment
Дружище, у меня нет Android для тестирования и RND, но мне очень интересен твой вопрос. Не могли бы вы проверить это после удаления OGV из тега видео? Протестируйте его только один раз в формате MP4 или попробуйте banzodesign.com/angela/reel.html. веб-сайт, на котором я раньше реализовывал видео HTML5. Вы можете найти код в javascript. И если вы все еще не нашли решения, дайте мне знать, я найду что-нибудь завтра. - person Tarun; 16.03.2012
comment
@ Тарун, у меня такая же проблема. не запускается игра на андроиде - person ; 03.05.2018