2017-02-10 16 views
8

Auto Play nie działa bez wyciszony atrybutu, gdy próbuję otworzyć URL w urządzeniu mobilnym. Jak odtwarzać wideo bez użycia atrybutu wyciszony? Potrzebuję głośności bez klikania wyciszonego przycisku, a jeszcze jedną ważną rzeczą jest to, że wszystko będzie działać bez JS i Jquery. enter image description herehtml5 autoodtwarzania wideo w urządzeniu mobilnym

+0

sprawdź to także w przypadku autoodtwarzania wideo: Link: http://stackoverflow.com/questions/16965170/html5-video-autoplay-not-working-correctly – swap

+0

Sprawdzam twój podany link, ale jest to tylko praca na pulpicie i kiedy otworzyłem urządzenie mobilne, wideo zastąpi się obrazem. Próbuję też Twojego kodu, ale to nie działa –

Odpowiedz

0

Jego prosta zobaczyć kod:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Example movie autoplay</title> 
    <meta charset="UTF-8">     
</head> 
<body> 
    <video autoplay muted> 
     <source src="midia/video.mp4" type="video/mp4"> 
     <source src="midia/video.webm" type="video/webm"> 
    </video> 
</body> 
</html> 

Trzeba sprawdzić i przeglądarek obsługiwane formaty.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#Browser_compatibility

https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats

17

wont być w stanie to osiągnąć w iOS bez hacków. Z oficjalnej dokumentacji firmy Apple WebKit:

Uruchamianie w iOS 10, WebKit rozluźnia swoją politykę inline i autoodtwarzania do uczynić te prezentacje możliwe, ale nadal utrzymuje przepustowość i użytkowników obiekty umysłu baterii.

Domyślnie WebKit będą miały następujące zasady:

  • elementy wideo będą mogły automatycznie odtwarzać bez gestu użytkownika, jeżeli ich nośnik źródłowy nie zawiera ścieżki audio.
  • wideo wyciszone elementy będą również mogły odtwarzać się automatycznie bez gestu użytkownika. Jeśli element uzyska ścieżkę dźwiękową lub nie zostanie wyciszony bez gestu użytkownika, odtwarzanie zostanie wstrzymane.

https://webkit.org/blog/6784/new-video-policies-for-ios/

Jako for Mobile Chrome (Android):

Wyciszony autoodtwarzania dla wideo jest obsługiwany przez Chrome dla Androida jak z wersji 53. Odtwarzanie rozpocznie się automatycznie za wideo element raz pojawia się, gdy zarówno autoodtwarzanie, jak i wyciszenie są ustawione na, a odtwarzanie z wyciszonych filmów wideo można zainicjować progamatem ically z play(). Poprzednio odtwarzanie na telefonie komórkowym musiało zostać zainicjowane gestem użytkownika, niezależnie od stanu wyciszenia, niezależnie od tego, czy jest to .

https://developers.google.com/web/updates/2016/07/autoplay

+1

Na iPhonie "autoplay muted" zadziałał tylko po dodaniu atrybutu 'playsinline' – adamboro

0

nie mogę naprawdę żadnego sensu w tym, ale to udało się działać na iOS Safari i Firefox (nie testowane Android):

<video playsinline autoplay muted loop id="DemoReel2018"> 
<source src="resources/AgsVision_backgroundMovie.mp4" type="video/mp4"> 
</video> 

... Chodzi o to, że działają tylko po tym, jak ustawić rzutnię:

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

Jeśli ktokolwiek może wyjaśnić, dlaczego tak się stało, naprawdę chciałbym to wiedzieć. W przeciwnym razie ... czekaj na więcej zwariowanych rzeczy :))

Powiązane problemy