| <body> |
| <p>This tests that when inline-playback is restricted, the video element's "controls" are always shown while inline.</p> |
| <video id="video" width="300"></video> |
| <script src=media-file.js></script> |
| <script src=video-test.js></script> |
| <script src=media-controls.js></script> |
| <script> |
| |
| var shadowRoot; |
| var panel; |
| |
| run("internals.setMediaSessionRestrictions('video', 'InlineVideoPlaybackRestricted')"); |
| |
| var video = document.getElementById('video'); |
| video.src = findMediaFile("video", "content/test"); |
| |
| if (window.internals) { |
| testExpected("shadowRoot = internals.shadowRoot(video)", null, "!="); |
| testExpected("panel = mediaControlsElement(shadowRoot.firstChild, '-webkit-media-controls-panel')", null, "!="); |
| testExpected("internals.shadowPseudoId(panel)", "-webkit-media-controls-panel"); |
| testExpected("document.defaultView.getComputedStyle(panel)['display']", 'none', "!="); |
| testExpected("document.defaultView.getComputedStyle(panel)['height']", '20px', ">="); |
| } |
| else |
| logResult(false, "window.internals == undefined"); |
| |
| endTest(); |
| </script> |
| </body> |
