dsgeyser/index.markdown

## index.markdown

      
    Raw
  

              index.markdown
            
          
  Page Visibility API Demo

  
  Video thanks to the Blender Foundation | www.blender.org
  Call us at 888-219-2787


## script.js
window.onload = function() {
  document.addEventListener("visibilitychange", () => {
    const video = document.getElementById("my-video");
    console.log(document.hidden);
    return document.hidden ? video.pause() : video.play();
  });
};

## style.css
body {
  background-color: gray;
  font-family: "Helvetica", sans-serif;
}

## xxqmknb.markdown

      
    Raw
  

              xxqmknb.markdown
            
          
    xxqMKNB

A Pen by dsgeyser on CodePen.
License.
	window.onload = function() {
	document.addEventListener("visibilitychange", () => {
	const video = document.getElementById("my-video");
	console.log(document.hidden);
	return document.hidden ? video.pause() : video.play();
	});
	};
	body {
	background-color: gray;
	font-family: "Helvetica", sans-serif;
	}