[Picture-in-Picture] Do not pause PiP video when removed from document

This CL makes sure video do not pause when playing in Picture-in-Picture and subsequently removed from the Document. Spec: w3c/picture-in-picture#99 Change-Id: Ifefd961803cc47c64d394aa52454313cbcef603a Bug: 1167643 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2627311 Commit-Queue: François Beaufort <beaufort.francois@gmail.com> Reviewed-by: Mounir Lamouri <mlamouri@chromium.org> Cr-Commit-Position: refs/heads/master@{#845100}
web-platform-tests · Jan 20, 2021 · c021b6e · c021b6e
1 parent 8afe199
commit c021b6e
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/picture-in-picture/removed-from-document.html b/picture-in-picture/removed-from-document.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<title>Test Picture-in-Picture when removed from document</title>
+<script src="/common/media.js"></script>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/testdriver.js"></script>
+<script src="/resources/testdriver-vendor.js"></script>
+<script src="resources/picture-in-picture-helpers.js"></script>
+<body></body>
+<script>
+promise_test(async t => {
+  const video = await loadVideo();
+  document.body.appendChild(video);
+  video.muted = true;
+  await video.play();
+  await requestPictureInPictureWithTrustedClick(video);
+
+  assert_false(video.paused);
+  document.body.offsetLeft;
+  document.body.removeChild(video);
+  await new Promise(resolve => step_timeout(resolve, 1000));
+  assert_false(video.paused);
+}, 'Picture-in-Picture video does not pause when removed from document');
+</script>