Как автоматически воспроизвести HTML5 MP4 видео на Android? - PullRequest
21 голосов
/ 31 января 2012

Я разработал мобильную страницу asp.net для воспроизведения видео в формате mp4.

Я знаю, что iOS отключила функцию автозапуска, чтобы минимизировать пропускную способность пользователя, так как я могу автоматически воспроизводить видео в формате HTML5 mp4 на Android?

Я уже включил автозапуск в код HTML5, но он не работает.

Вот мой код:

<video autoplay controls id='video1' width='100%' poster='images/top_icon.png' webkitEnterFullscreen poster preload='true'>
<source src='http://192.xxx.xxx.xx/XXXXVM01.mp4' type='video/mp4; codecs='avc1.42E01E, mp4a.40.2' >
</video>

Более того, я исправил проблемутот пользователь, который нажмет на оверлей изображения, может воспроизвести видео.Спасибо Karthi

вот код:

<script type="text/javascript">
    $(document).ready(function() {
    $("#video1").bind("click", function() {
    var vid = $(this).get(0);
    if (vid.paused) { vid.play(); }
    else { vid.pause(); }
    }); 
}); 
</script>

Спасибо

Джо

Ответы [ 14 ]

0 голосов
/ 12 мая 2017
<video autoplay controls id='video1' width='100%' poster='images/top_icon.png' webkitEnterFullscreen poster preload='true'>
<source src='http://192.xxx.xxx.xx/XXXXVM01.mp4' type='video/mp4; codecs='avc1.42E01E, mp4a.40.2' >
</video>
0 голосов
/ 03 марта 2016

Chrome отключил его. https://bugs.chromium.org/p/chromium/issues/detail?id=159336 Даже jQuery play () заблокирован. Они хотят, чтобы пользователь инициировал его, чтобы можно было сэкономить пропускную способность.

0 голосов
/ 10 марта 2015

Вот плагин для PhoneGap, который решил проблему для меня: https://build.phonegap.com/plugins/1031

Я просто включил его в свой config.xml

0 голосов
/ 02 июня 2014

В Android 4.1 и 4.2 я использую следующий код:

    evt.initMouseEvent( "click", true,true,window,0,0,0,0,0,false,false,false,false,0, true );
    var v = document.getElementById("video");
    v.dispatchEvent(evt);

, где html -

    <video id="video" src="sample.mp4" poster="image.jpg" controls></video>

Это работает хорошо.Но в Android 4.4 это не работает.

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