Funkcja wykrywa, czy gest użytkownika jest potrzebny

Question

czy istnieje sposób na wykrycie, czy wywołanie play() na elemencie wideo jest dozwolone bez gestu użytkownika? Na Android Chrome to jest ostrzeżenie:

Failed to execute 'play' on 'HTMLMediaElement': API can only be initiated by a user gesture.

Więc na Chrome Android jest wymagane gest użytkownika, aby rozpocząć odtwarzanie wideo, podczas gdy nie jest na pulpicie Chrome. Czy istnieje sposób na wykrycie, które zachowanie otrzymam?

Chcę mieć nieco inne zachowanie w mojej aplikacji, w zależności od tego, czy dozwolone jest wywoływanie programów w programach.

Próbowałem użyć Modernizr.videoautoplay, ale to sprawdza, czy właściwość autoplay na elemencie, co nie jest tym samym. Daje to fałszywe negatywy dla IE11 i Edge.

Edytuj: dodano an example. Film rozpocznie się automatycznie na pulpicie Chrome i IE11 lub Edge (z opóźnieniem 3 s) w systemie Windows 8 lub 10. W przeglądarce Chrome @ Android wymagana jest interakcja użytkownika (kliknięcie przycisku), a komunikat o błędzie można zobaczyć w konsoli.

Answer 1

Metoda odtwarzania zwraca obietnicę, która może zostać wykorzystana do złapania błędu.

Nie wszystkie przeglądarki są zgodne z the specification, więc musisz sprawdzić, czy to, co jest zwracane, jest pierwszą obietnicą.

var autoPlayAllowed = true; 
var promise = document.createElement("video").play(); 
if(promise instanceof Promise) { 
    promise.catch(function(error) { 
     // Check if it is the right error 
     if(error.name == "NotAllowedError") { 
      autoPlayAllowed = false; 
     } else { 
      throw error; 
     } 
    }).then(function() { 
     if(autoPlayAllowed) { 
      // Allowed 
     } else { 
      // Not allowed 
     } 
    }); 
} else { 
    // Unknown if allowed 
}