Skip to content

Instantly share code, notes, and snippets.

@julzmon

julzmon/When not visible, stop lower volume

Created January 21, 2015 14:39
Show Gist options
  • Save julzmon/cfc8b5a6fed80175129e to your computer and use it in GitHub Desktop.
Save julzmon/cfc8b5a6fed80175129e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
When not visible, stop lower volume
<script>
var videoElement = document.getElementById("videoElement");
document.addEventListener("visibilitychange", function() {
if (document.hidden) {
$("#videoElement").animate({volume: 0}, 1000, "linear", function() {
videoElement.pause();
});
} else {
videoElement.play();
$("#videoElement").animate({volume: 1}, 1000, "linear");
}
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment