Auto-Play funktioniert nicht ohne stumm Attribut, wenn ich versuche, URL im mobilen Gerät zu öffnen. Wie wird Video ohne Verwendung von gedämpft Attribut wiedergegeben? Ich muss Lautstärke ohne klick auf gedämpfte Taste und eine weitere wichtige Sache ist, dass alles funktioniert ohne JS und Jquery. html5 Autoplay-Video in Mobilgerät
Antwort
Sie versuchen, diesen einen Link auch mehr Informationen haben über, warum die Änderung ?:
Seine einfache sehen Sie den Code sie bieten:
<!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>
Sie überprüfen müssen die Browser und die unterstützten Formate
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
Sie nicht in der Lage sein, dies ohne Hacks in iOS zu erreichen. Von der offiziellen Apple-WebKit-Dokumentation:
in iOS Ab 10, entspannt WebKit seine Inline- und runter Richtlinien diese Präsentationen möglich zu machen, aber immer noch im Auge Sites’ Bandbreite und Benutzer Batterien.
Standardmäßig wird WebKit die folgenden Richtlinien haben:
- Videoelemente erlaubt werden, ohne eine Benutzergeste zu automatisch wiedergegeben, wenn ihr Quellmedium keine Audio-Tracks enthält.
- Video stummgeschaltet Elemente können auch ohne Benutzergeste automatisch abgespielt werden. Wenn ein Element eine Audiospur erhält oder ohne eine Benutzergeste stummgeschaltet wird, wird die Wiedergabe angehalten.
https://webkit.org/blog/6784/new-video-policies-for-ios/
Wie für mobile Chrome (Android):
Gedämpfte automatische Wiedergabe für Videos von Chrome für Android ab Version unterstützt wird 53. Die Wiedergabe wird automatisch für ein Video starten Element einmal es kommt in den Blick, wenn sowohl Autoplay und stumm geschaltet sind eingestellt, und die Wiedergabe von gedämpfte Videos können progamat eingeleitet werden mit Spielen(). Bisher musste die Wiedergabe auf dem Handy durch eine Benutzergeste eingeleitet werden, unabhängig von des stummgeschalteten Zustands.
Auf dem iPhone, 'autoplay stummgeschaltet 'arbeitete für mich erst nach dem Hinzufügen' playinsline' Attribut – adamboro
Fügen Sie einfach defaultMuted
inline mit Ihrem Video-Sound auf automatische Wiedergabe zu ermöglichen.Zum Beispiel
<video id="myVideo" defaultMuted autoplay controls>
<source src="myVideo.mp4" type="video/mp4">
</video>
Referenz: http://www.w3schools.com/tags/av_prop_defaultmuted.asp
ich nicht wirklich einen Sinn daraus machen kann, aber dies geschafft, auf iOS Safari und Firefox zu arbeiten (haben Android nicht getestet):
<video playsinline autoplay muted loop id="DemoReel2018">
<source src="resources/AgsVision_backgroundMovie.mp4" type="video/mp4">
</video>
... Sache ist, es nur funktionieren, nachdem ich das Ansichtsfenster:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Wenn jemand wirklich erklären kann, warum das passiert ist, würde ich es wirklich wissen wollen. Ansonsten ... bleib dran für mehr verrückte Sachen :))
- 1. Große Lücke unter HTML5 Video auf Mobilgerät
- 2. Autoplay Video in Mobilgerät
- 3. Django - Mobilgerät in Sichten erkennen
- 4. Mobilgerät wenn Anweisung
- 5. Javascript Mobilgerät notification
- 6. Mobilgerät Dom Block
- 7. IdentityServer4 läuft auf Mobilgerät
- 8. Handsontable auf Mobilgerät bearbeiten
- 9. Tisch abgeschnitten auf Mobilgerät?
- 10. Kamerarotation auf Mobilgerät zurücksetzen
- 11. Um aktuellen geo Standort in Mobilgerät
- 12. navigator.userAgent für Mobilgerät zu erkennen?
- 13. Formular funktioniert nicht auf Mobilgerät
- 14. Berühren (klicken) Mobilgerät funktioniert nicht
- 15. Android: Fahrzeugentfernung mit Mobilgerät berechnen
- 16. IDeladen uwp App auf Mobilgerät
- 17. [CSS] -Swap-Zeile bei Vorschau auf Mobilgerät
- 18. Anwenden der Drop-Down-Animation auf Mobilgerät
- 19. AWS-Site nicht von Mobilgerät aus erreichbar
- 20. videogular vg-scrub-bar auf android mobilgerät
- 21. Erkennung von SIM-Karte auf Mobilgerät
- 22. Youtube iFrame API setPlaybackQuality auf Mobilgerät ignoriert
- 23. 404 nicht gefunden - nur vom Mobilgerät
- 24. Shiny - Kein Layout nebeneinander auf Mobilgerät
- 25. Konvertieren 4 Div in responsive Bootstrap Karussell in Mobilgerät
- 26. Wie identifizieren Android Mobilgerät UniqueID in Xamarin Android in C#
- 27. Abdeckung in voller Breite wird nicht in Mobilgerät angezeigt
- 28. E-Mails als SMS an Mobilgerät weiterleiten
- 29. Mobilgerät wird als nicht mobiles Gerät erkannt
- 30. drahtlose Verbindung zwischen Mobilgerät und PC
check this one auch für autoplay video: Link: http://stackoverflow.com/questions/16965170/html5-video-autoplay-not-working-correctly – swap
Ich überprüfe den angegebenen Link, aber es ist nur Desktop-Arbeit und wenn ich im mobilen Gerät geöffnet, dann wird Video durch Bild ersetzt. Ich versuche auch Ihren Code, aber das funktioniert nicht –