Ich kann den Ton beim Ausschalten des Bildschirms im mobilen Browser nicht pausieren

Question

Ich habe verschiedene native Listener mit <audio> Element auf dem mobilen Gerät mit Systemsteuerung versucht. Wenn man den Bildschirm nach dem Abspielen von Audio ausschaltet, wird der Ton jedoch nicht angehalten, aber ich habe gesehen, dass m.youtube das tun kann. Also, wie könnte ich den Ton anhalten, wenn der Bildschirm ausgeschaltet ist?

<audio controls loop id="a"> 
    <!-- <source src="MerryChristmas.mp3" type="audio/mpeg"> --> 
    HTML5 audio not supported 
</audio> 

var audio = document.getElementById('a') 
var source = document.createElement('source') 
source.type='audio/mpeg' 
source.src='./MerryChristmas.mp3' 
audio.appendChild(source); 

Answer 1

Sie könnten das Sichtbarkeitsereignis versuchen. Ich habe es bisher nicht testen, also bin ich nicht sicher, ob es funktionieren wird, aber die DOCS scheinen, wie sollte es

document.addEventListener("visibilitychange", function() { 
    audio.pause(); 
}); 

EDIT: Changed zu document.addEvent ... von window.addEvent ...