Jak odtwarzać filmy HTML5 mp4 na Androida?

Question

Stworzyłem mobilną stronę przez asp.net, aby odtwarzać wideo MP4.

Wiem, że iOS wyłączył funkcję autoodtwarzania, aby zminimalizować przepustowość użytkowników, więc w jaki sposób mogę automatycznie odtwarzać wideo HTML mp4 na Androida?

Już umieściłem autoodtwarzanie w kodzie HTML5, ale nie działa.

Oto mój kod:

<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> 

Ponadto, miałem problem został rozwiązany, że użytkownik kliknie na nakładki obrazu można odtworzyć wideo. Dzięki Karthi

oto kod:

<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> 

Dzięki

Joe

Answer 1

Nie sądzę autoodtwarzania działa na Androidzie, ale coraz wideo do gry może być irytująco trudne. Sugeruję nadanie temu artykułowi następującej treści: Making HTML5 Video work on Android phones.

Answer 2

Autoodtwarzanie działa tylko po raz drugi. na Androida 4.1+ musisz mieć jakieś wydarzenie użytkownika, aby uzyskać pierwszą grę() do pracy. Kiedy to się stanie, działa autostart.

Jest to tak, że użytkownik potwierdza, że ​​używa przepustowości.

Jest jeszcze jedno pytanie, które odpowiada na to pytanie. Autostart html5 video using android 4 browser

Answer 3

W systemach Android 4.1 i 4.2 używam następującego kodu.

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); 

gdzie HTML jest

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

Działa to dobrze. Ale w Androidzie 4.4 to nie działa.

Answer 4

podobna do odpowiedzi KNaito za dodaje załatwia sprawę dla mnie

function simulateClick() { 
    var event = new MouseEvent('click', { 
    'view': window, 
    'bubbles': true, 
    'cancelable': true 
    }); 
    var cb = document.getElementById('player'); 
    var canceled = !cb.dispatchEvent(event); 
    if (canceled) { 
    // A handler called preventDefault. 
    alert("canceled"); 
    } else { 
    // None of the handlers called preventDefault. 
    alert("not canceled"); 
    } 
} 

Answer 5

Użyłem poniższy kod:

// get the video 
var video = document.querySelector('video'); 
// use the whole window and a *named function* 
window.addEventListener('touchstart', function videoStart() { 
    video.play(); 
    console.log('first touch'); 
    // remove from the window and call the function we are removing 
    this.removeEventListener('touchstart', videoStart); 
}); 

nie wydaje się być sposobem na auto-start już .

Powoduje to, że przy pierwszym dotknięciu ekranu zostanie odtworzony film wideo. Usunie się również przy pierwszym uruchomieniu, dzięki czemu unikniesz wielokrotnego słuchania.

Answer 6

Android faktycznie ma API do tego! Ta metoda to setMediaPlaybackRequiresUserGesture(). Znalazłem go po wielu kopaniu w autoodtwarzanie wideo i wielu próbach włamań z SO.Oto przykład z blair vanderhoof:

package com.example.myProject; 

import android.os.Bundle; 
import org.apache.cordova.*; 
import android.webkit.WebSettings; 

public class myProject extends CordovaActivity 
{ 
    @Override 
    public void onCreate(Bundle savedInstanceState) 
    { 
     super.onCreate(savedInstanceState); 
     super.init(); 
     // Set by <content src="index.html" /> in config.xml 
     super.loadUrl(Config.getStartUrl()); 
     //super.loadUrl("file:///android_asset/www/index.html"); 

     WebSettings ws = super.appView.getSettings(); 
     ws.setMediaPlaybackRequiresUserGesture(false); 
    } 
} 

Answer 7

tutaj jest plugin do PhoneGap który rozwiązał problem dla mnie: https://build.phonegap.com/plugins/1031

po prostu wliczone w moim config.xml

Answer 8

w Android 4.4 i wyżej możesz usunąć potrzebę gestu użytkownika, o ile komponent wideo HTML5 jest dostępny we własnej przeglądarce internetowej.Aby uzyskać wideo do autoodtwarzania, to trzeba jeszcze dodać autoodtwarzanie do elementu wideo:

<video id='video' controls autoplay> 
    <source src='http://192.xxx.xxx.xx/XXXXVM01.mp4' type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' > 
</video> 

Answer 9

Chrome go wyłączyć. https://bugs.chromium.org/p/chromium/issues/detail?id=159336 Nawet gra jQuery() jest zablokowana. Chcą, aby użytkownik go zainicjował, aby można było zaoszczędzić przepustowość.

Answer 10

Możesz dodać atrybuty "wyciszony" i "autoplay", aby włączyć autoodtwarzanie na urządzeniach z Androidem.

np.

<video id="video" class="video" autoplay muted >

Answer 11

<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> 

Answer 12

Ważna uwaga: Należy pamiętać, że jeśli Google Chrome Oszczędzanie danych jest włączona w ustawieniach Chrome, następnie Autoodtwarzanie zostanie wyłączony.