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. html5 autoodtwarzania wideo w urządzeniu mobilnym
Odpowiedz
spróbować tego jeden link również mają dostarczyć więcej informacji o tym, dlaczego zmiana ?:
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
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 .
Na iPhonie "autoplay muted" zadziałał tylko po dodaniu atrybutu 'playsinline' – adamboro
Wystarczy obejmują defaultMuted
inline z wideo, aby włączyć dźwięk na autoodtwarzanie.Na przykład,
<video id="myVideo" defaultMuted autoplay controls>
<source src="myVideo.mp4" type="video/mp4">
</video>
referencyjny: http://www.w3schools.com/tags/av_prop_defaultmuted.asp
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 :))
- 1. Wideo GWT i HTML5 w mobilnym Safari
- 2. HTML5 video autoodtwarzania nie działa poprawnie
- 3. autoodtwarzania YouTube wideo w tle Płytki
- 4. Wideo osadzone w Youtube: funkcja autoodtwarzania nie działa w iphone
- 5. Wywoływanie autoodtwarzania wideo na podstawie pozycji przewijania
- 6. Wyłączanie ukrywania paska adresu na urządzeniu mobilnym
- 7. Wideo wstępne pełne wideo HTML5 w javascript
- 8. Rozmiar czcionki CSS nie działa poprawnie na urządzeniu mobilnym
- 9. Ustaw Wysokość wideo w HTML5
- 10. Cuepoints w tagu wideo HTML5
- 11. Wideo HTML5: wykrywanie przepustowości
- 12. Szorowanie wideo HTML5
- 13. Wideo HTML5 z Brightcove
- 14. Wideo interaktywne html5
- 15. Wideo HTML5 ERR_CONTENT_LENGTH_MISMATCH
- 16. Zdarzenia wideo HTML5 jQuery
- 17. Formanty javascript wideo HTML5 - ponowne uruchamianie wideo
- 18. Ponowne użycie obiektu audio HTML5 w mobilnym Safari
- 19. Tło wideo w formacie HTML5, zachowaj centrum wideo w centrum
- 20. Jak wdrożyć wyszkolony model tensorflow na urządzeniu mobilnym?
- 21. CSS: hover /: focus vs click event na (mobilnym) urządzeniu dotykowym
- 22. Jak mogę uzyskać e.offsetX na urządzeniu mobilnym/iPadzie?
- 23. Redactor - Naprawiony pasek narzędzi nie działa na urządzeniu mobilnym
- 24. Wyłącz objaśnienie (menu kontekstowe) na urządzeniu mobilnym IE
- 25. Zmiana strony na m. kiedy na urządzeniu mobilnym
- 26. Strona kątowa nie otwiera się na urządzeniu mobilnym
- 27. Facebook Podobnie jak przycisk powodujący poziome przewijanie na urządzeniu mobilnym
- 28. Nie można przewinąć wykresu amcharts na urządzeniu mobilnym
- 29. Implementacja DLNA/UPnP (Win7 Play To) na urządzeniu mobilnym
- 30. Facebook Messenger API - trwałe menu nie działa na urządzeniu mobilnym
sprawdź to także w przypadku autoodtwarzania wideo: Link: http://stackoverflow.com/questions/16965170/html5-video-autoplay-not-working-correctly – swap
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 –