| <!DOCTYPE html> |
| <html> |
| <title>Test that the player pauses if single-touched on the play button.</title> |
| <script src="../../resources/gesture-util.js"></script> |
| <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); |
| |
| let tap_gesture; |
| |
| video.addEventListener('playing', t.step_func(() => { |
| // Single tap in the middle of the button. |
| const coordinates = |
| elementCoordinates(mediaControlsOverlayPlayButtonInternal(video)); |
| tap_gesture = touchTapOn(coordinates[0], coordinates[1]); |
| }), { once: true }); |
| |
| video.addEventListener('pause', () => { |
| tap_gesture.then(t.step_func_done()); |
| }, { once: true }); |
| |
| video.play(); |
| }); |
| </script> |
| </html> |