dsgeyser · June 16, 2021 07:45
diff --git a/index.html b/index.html
 <main>
  <h3>Page Visibility API Demo</h3>
  <video id="my-video" width="400" controls="">
    <source id='mp4' src="https://alligator.io/images/js/page-visibility-api/bbb-360p.mp4" type='video/mp4' />
    <p>Sorry, there's a problem playing this video. Please try using a different browser</p>
  </video>
  <p>Video thanks to the Blender Foundation | <a href="https://www.blender.org/">www.blender.org</a></p>
  <a href="tel:8882192787">Call us at 888-219-2787</a>
 </main>
diff --git a/script.js b/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();
  });
 };
diff --git a/style.css b/style.css
 body {
  background-color: gray;
  font-family: "Helvetica", sans-serif;
 }
diff --git a/xxqmknb.markdown b/xxqmknb.markdown
	<main>
	<h3>Page Visibility API Demo</h3>
	<video id="my-video" width="400" controls="">
	<source id='mp4' src="https://alligator.io/images/js/page-visibility-api/bbb-360p.mp4" type='video/mp4' />
	<p>Sorry, there's a problem playing this video. Please try using a different browser</p>
	</video>
	<p>Video thanks to the Blender Foundation \| <a href="https://www.blender.org/">www.blender.org</a></p>
	<a href="tel:8882192787">Call us at 888-219-2787</a>
	</main>
	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;
	}