Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test has a WPT meta file that expects 1 subtest issues.
- This WPT test may be referenced by the following Test IDs:
- /html/semantics/embedded-content/media-elements/media-playback-while-not-visible-permission-policy/cant-play-if-hidden.tentative.sub.html?origin=cross-origin&frame=direct&visibility=display&media=audio - WPT Dashboard Interop Dashboard
- /html/semantics/embedded-content/media-elements/media-playback-while-not-visible-permission-policy/cant-play-if-hidden.tentative.sub.html?origin=cross-origin&frame=direct&visibility=display&media=video - WPT Dashboard Interop Dashboard
- /html/semantics/embedded-content/media-elements/media-playback-while-not-visible-permission-policy/cant-play-if-hidden.tentative.sub.html?origin=cross-origin&frame=direct&visibility=visibility&media=audio - WPT Dashboard Interop Dashboard
- /html/semantics/embedded-content/media-elements/media-playback-while-not-visible-permission-policy/cant-play-if-hidden.tentative.sub.html?origin=cross-origin&frame=direct&visibility=visibility&media=video - WPT Dashboard Interop Dashboard
- /html/semantics/embedded-content/media-elements/media-playback-while-not-visible-permission-policy/cant-play-if-hidden.tentative.sub.html?origin=cross-origin&frame=direct&visibility=zero-size&media=audio - WPT Dashboard Interop Dashboard
- /html/semantics/embedded-content/media-elements/media-playback-while-not-visible-permission-policy/cant-play-if-hidden.tentative.sub.html?origin=cross-origin&frame=direct&visibility=zero-size&media=video - WPT Dashboard Interop Dashboard
- /html/semantics/embedded-content/media-elements/media-playback-while-not-visible-permission-policy/cant-play-if-hidden.tentative.sub.html?origin=cross-origin&frame=nested&visibility=display&media=audio - WPT Dashboard Interop Dashboard
- /html/semantics/embedded-content/media-elements/media-playback-while-not-visible-permission-policy/cant-play-if-hidden.tentative.sub.html?origin=cross-origin&frame=nested&visibility=display&media=video - WPT Dashboard Interop Dashboard
- /html/semantics/embedded-content/media-elements/media-playback-while-not-visible-permission-policy/cant-play-if-hidden.tentative.sub.html?origin=cross-origin&frame=nested&visibility=visibility&media=audio - WPT Dashboard Interop Dashboard
- /html/semantics/embedded-content/media-elements/media-playback-while-not-visible-permission-policy/cant-play-if-hidden.tentative.sub.html?origin=cross-origin&frame=nested&visibility=visibility&media=video - WPT Dashboard Interop Dashboard
- /html/semantics/embedded-content/media-elements/media-playback-while-not-visible-permission-policy/cant-play-if-hidden.tentative.sub.html?origin=cross-origin&frame=nested&visibility=zero-size&media=audio - WPT Dashboard Interop Dashboard
- /html/semantics/embedded-content/media-elements/media-playback-while-not-visible-permission-policy/cant-play-if-hidden.tentative.sub.html?origin=cross-origin&frame=nested&visibility=zero-size&media=video - WPT Dashboard Interop Dashboard
- /html/semantics/embedded-content/media-elements/media-playback-while-not-visible-permission-policy/cant-play-if-hidden.tentative.sub.html?origin=same-origin&frame=direct&visibility=display&media=audio - WPT Dashboard Interop Dashboard
- /html/semantics/embedded-content/media-elements/media-playback-while-not-visible-permission-policy/cant-play-if-hidden.tentative.sub.html?origin=same-origin&frame=direct&visibility=display&media=video - WPT Dashboard Interop Dashboard
- /html/semantics/embedded-content/media-elements/media-playback-while-not-visible-permission-policy/cant-play-if-hidden.tentative.sub.html?origin=same-origin&frame=direct&visibility=visibility&media=audio - WPT Dashboard Interop Dashboard
- /html/semantics/embedded-content/media-elements/media-playback-while-not-visible-permission-policy/cant-play-if-hidden.tentative.sub.html?origin=same-origin&frame=direct&visibility=visibility&media=video - WPT Dashboard Interop Dashboard
- /html/semantics/embedded-content/media-elements/media-playback-while-not-visible-permission-policy/cant-play-if-hidden.tentative.sub.html?origin=same-origin&frame=direct&visibility=zero-size&media=audio - WPT Dashboard Interop Dashboard
- /html/semantics/embedded-content/media-elements/media-playback-while-not-visible-permission-policy/cant-play-if-hidden.tentative.sub.html?origin=same-origin&frame=direct&visibility=zero-size&media=video - WPT Dashboard Interop Dashboard
- /html/semantics/embedded-content/media-elements/media-playback-while-not-visible-permission-policy/cant-play-if-hidden.tentative.sub.html?origin=same-origin&frame=nested&visibility=display&media=audio - WPT Dashboard Interop Dashboard
- /html/semantics/embedded-content/media-elements/media-playback-while-not-visible-permission-policy/cant-play-if-hidden.tentative.sub.html?origin=same-origin&frame=nested&visibility=display&media=video - WPT Dashboard Interop Dashboard
- /html/semantics/embedded-content/media-elements/media-playback-while-not-visible-permission-policy/cant-play-if-hidden.tentative.sub.html?origin=same-origin&frame=nested&visibility=visibility&media=audio - WPT Dashboard Interop Dashboard
- /html/semantics/embedded-content/media-elements/media-playback-while-not-visible-permission-policy/cant-play-if-hidden.tentative.sub.html?origin=same-origin&frame=nested&visibility=visibility&media=video - WPT Dashboard Interop Dashboard
- /html/semantics/embedded-content/media-elements/media-playback-while-not-visible-permission-policy/cant-play-if-hidden.tentative.sub.html?origin=same-origin&frame=nested&visibility=zero-size&media=audio - WPT Dashboard Interop Dashboard
- /html/semantics/embedded-content/media-elements/media-playback-while-not-visible-permission-policy/cant-play-if-hidden.tentative.sub.html?origin=same-origin&frame=nested&visibility=zero-size&media=video - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<meta charset="utf-8">
<title>
Media elements can't play in a hidden iframe
(media-playback-while-not-visible permission policy)
</title>
<meta name="variant" content="?origin=same-origin&frame=direct&visibility=display&media=video">
<meta name="variant" content="?origin=same-origin&frame=direct&visibility=display&media=audio">
<meta name="variant" content="?origin=same-origin&frame=direct&visibility=visibility&media=video">
<meta name="variant" content="?origin=same-origin&frame=direct&visibility=visibility&media=audio">
<meta name="variant" content="?origin=same-origin&frame=direct&visibility=zero-size&media=video">
<meta name="variant" content="?origin=same-origin&frame=direct&visibility=zero-size&media=audio">
<meta name="variant" content="?origin=same-origin&frame=nested&visibility=display&media=video">
<meta name="variant" content="?origin=same-origin&frame=nested&visibility=display&media=audio">
<meta name="variant" content="?origin=same-origin&frame=nested&visibility=visibility&media=video">
<meta name="variant" content="?origin=same-origin&frame=nested&visibility=visibility&media=audio">
<meta name="variant" content="?origin=same-origin&frame=nested&visibility=zero-size&media=video">
<meta name="variant" content="?origin=same-origin&frame=nested&visibility=zero-size&media=audio">
<meta name="variant" content="?origin=cross-origin&frame=direct&visibility=display&media=video">
<meta name="variant" content="?origin=cross-origin&frame=direct&visibility=display&media=audio">
<meta name="variant" content="?origin=cross-origin&frame=direct&visibility=visibility&media=video">
<meta name="variant" content="?origin=cross-origin&frame=direct&visibility=visibility&media=audio">
<meta name="variant" content="?origin=cross-origin&frame=direct&visibility=zero-size&media=video">
<meta name="variant" content="?origin=cross-origin&frame=direct&visibility=zero-size&media=audio">
<meta name="variant" content="?origin=cross-origin&frame=nested&visibility=display&media=video">
<meta name="variant" content="?origin=cross-origin&frame=nested&visibility=display&media=audio">
<meta name="variant" content="?origin=cross-origin&frame=nested&visibility=visibility&media=video">
<meta name="variant" content="?origin=cross-origin&frame=nested&visibility=visibility&media=audio">
<meta name="variant" content="?origin=cross-origin&frame=nested&visibility=zero-size&media=video">
<meta name="variant" content="?origin=cross-origin&frame=nested&visibility=zero-size&media=audio">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="resources/media-playback-while-not-visible-utils.js"></script>
<body>
<script>
const SAME_ORIGIN_BASE = new URL('resources/', location.href).href;
const CROSS_ORIGIN_BASE =
'media-elements/media-playback-while-not-visible-permission-policy/resources/';
const params = new URLSearchParams(location.search);
const origin = params.get('origin');
const frame = params.get('frame');
const visibility = params.get('visibility');
const media = params.get('media');
const base = origin === 'cross-origin' ? CROSS_ORIGIN_BASE : SAME_ORIGIN_BASE;
// Scenario: an iframe that is rendered and then hidden shouldn't be allowed to
// play its media element while hidden.
promise_test(
async t => {
const iframe = await createMediaIframe(t, frame, base, media);
hideFrame(iframe, visibility);
// Attempting to play while hidden should fail with NotAllowedError. For
// cross-origin frames, visibility propagation may take time, so poll
// until the play call is correctly rejected.
await t.step_wait(
async () => await playMediaInIframe(iframe) === 'NotAllowedError',
'waiting for play to be rejected');
assert_equals(await queryPlayerStatus(iframe), 'Paused');
},
`${origin} ${frame}: ${media} elements in hidden iframes shouldn't ` +
`be allowed to play (visibility=${visibility})`);
</script>
</body>