2017-02-10 4 views
8

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. enter image description herehtml5 Autoplay-Video in Mobilgerät

+0

check this one auch für autoplay video: Link: http://stackoverflow.com/questions/16965170/html5-video-autoplay-not-working-correctly – swap

+0

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 –

Antwort

0

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

17

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.

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

+1

Auf dem iPhone, 'autoplay stummgeschaltet 'arbeitete für mich erst nach dem Hinzufügen' playinsline' Attribut – adamboro

0

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