jtangelder/index.html

## index.html
<!DOCTYPE html>
<html>
  <body>
    <h1>Battery level volume control</h1>
    <div id="player"></div>
    <script src="https://www.youtube.com/iframe_api"></script>
    <script>
      let player;
      function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {
          height: 390,
          width: 640,
          videoId: 'dQw4w9WgXcQ',
          events: {onReady: onPlayerReady}
        });
      }

      function unsupported() {
        alert('Sorry, could not get the battery level!');
      }

      function onPlayerReady(event) {
        if (!navigator.getBattery) {
          unsupported();
          return;
        }
        navigator.getBattery().then(battery => {
          const setVolume = () => {
            player.setVolume(battery.level * 100);
          };
          battery.onlevelchange = setVolume;
          setVolume();
          player.playVideo();
        }, unsupported);
      }
    </script>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<body>
	<h1>Battery level volume control</h1>
	<div id="player"></div>
	<script src="https://www.youtube.com/iframe_api"></script>
	<script>
	let player;
	function onYouTubeIframeAPIReady() {
	player = new YT.Player('player', {
	height: 390,
	width: 640,
	videoId: 'dQw4w9WgXcQ',
	events: {onReady: onPlayerReady}
	});
	}

	function unsupported() {
	alert('Sorry, could not get the battery level!');
	}

	function onPlayerReady(event) {
	if (!navigator.getBattery) {
	unsupported();
	return;
	}
	navigator.getBattery().then(battery => {
	const setVolume = () => {
	player.setVolume(battery.level * 100);
	};
	battery.onlevelchange = setVolume;
	setVolume();
	player.playVideo();
	}, unsupported);
	}
	</script>
	</body>
	</html>