<!DOCTYPE html>
<html>
<title>Test that the player pauses if single tapped on the play button.</title>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="../media-controls.js"></script>
<script src="overlay-play-button.js"></script>
<body></body>
<script>
async_test(t => {
// This test is only valid when the overlay play button is enabled.
enableOverlayPlayButtonForTest(t);
const video = document.createElement('video');
video.controls = true;
video.width = 400;
video.src='../content/60_sec_video.webm';
document.body.appendChild(video);
video.addEventListener('playing', t.step_func(() => {
// Single tap in the middle of the button.
const coordinates =
elementCoordinates(mediaControlsOverlayPlayButtonInternal(video));
singleTapAtCoordinates(coordinates[0], coordinates[1]);
}), { once: true });
video.addEventListener('pause', t.step_func_done(), { once: true });
video.play();
});
</script>
</html>