Kugelschieber/index.html

## index.html
<!DOCTYPE html>
<html>
    <head>
        <title>Vimeo Pirsch Demo</title>

        <!-- Add the Pirsch extended script to support page views and events. -->
        <script defer src="https://api.pirsch.io/pirsch-extended.js"
            id="pirschextendedjs"
            data-code="YOUR_PIRSCH_CODE"></script>

        <!-- Add the Vimeo player.js script -->
        <script src="https://player.vimeo.com/api/player.js"></script>
    </head>
    <body>
        <div id="player"></div>

        <script>
            // Initialize the player and set up an event handler for state changes.
            let player;
            let progress = 0;

            document.addEventListener("DOMContentLoaded", () => {
                var iframe = document.querySelector('#player');
                player = new Vimeo.Player(iframe, {
                    id: 76979871, // Replace with your Vimeo video ID.
                    width: 640
                });

                // Event listener for the play progress
                player.on('timeupdate', function(data) {
                    progress = Math.round(data.percent * 100);
                    console.log(progress); // debugging
                });
            });

            // Send the progress when the page is navigated away from or the tab/window is closed.
            window.addEventListener("beforeunload", () => {
                pirsch("Vimeo Video Playback", {
                    meta: {
                        progress
                    }
                });
            });
        </script>
    </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Vimeo Pirsch Demo</title>

	<!-- Add the Pirsch extended script to support page views and events. -->
	<script defer src="https://api.pirsch.io/pirsch-extended.js"
	id="pirschextendedjs"
	data-code="YOUR_PIRSCH_CODE"></script>

	<!-- Add the Vimeo player.js script -->
	<script src="https://player.vimeo.com/api/player.js"></script>
	</head>
	<body>
	<div id="player"></div>

	<script>
	// Initialize the player and set up an event handler for state changes.
	let player;
	let progress = 0;

	document.addEventListener("DOMContentLoaded", () => {
	var iframe = document.querySelector('#player');
	player = new Vimeo.Player(iframe, {
	id: 76979871, // Replace with your Vimeo video ID.
	width: 640
	});

	// Event listener for the play progress
	player.on('timeupdate', function(data) {
	progress = Math.round(data.percent * 100);
	console.log(progress); // debugging
	});
	});

	// Send the progress when the page is navigated away from or the tab/window is closed.
	window.addEventListener("beforeunload", () => {
	pirsch("Vimeo Video Playback", {
	meta: {
	progress
	}
	});
	});
	</script>
	</body>
	</html>