2020-05-05 22:37:36 +00:00
|
|
|
<!doctype html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
2020-06-02 22:26:02 +00:00
|
|
|
<script src=media-file.js></script>
|
|
|
|
|
<script src=video-test.js></script>
|
|
|
|
|
<script>
|
2020-05-05 22:37:36 +00:00
|
|
|
function start()
|
|
|
|
|
{
|
2020-06-02 22:26:02 +00:00
|
|
|
if (window.internals) {
|
|
|
|
|
internals.settings.setAllowsPictureInPictureMediaPlayback(true);
|
|
|
|
|
internals.setMockVideoPresentationModeEnabled(true);
|
2020-05-05 22:37:36 +00:00
|
|
|
}
|
|
|
|
|
|
2020-06-02 22:26:02 +00:00
|
|
|
video = document.getElementsByTagName('video')[0];
|
|
|
|
|
waitForEventOnce("canplaythrough", canplaythrough);
|
|
|
|
|
video.src = findMediaFile("video", "content/test");
|
|
|
|
|
|
|
|
|
|
consoleWrite("");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
async function canplaythrough()
|
|
|
|
|
{
|
|
|
|
|
testExpected("video.webkitSupportsFullscreen", true);
|
2020-10-22 15:22:39 +00:00
|
|
|
testExpected("video.webkitPresentationMode", "inline");
|
2020-06-02 22:26:02 +00:00
|
|
|
|
|
|
|
|
consoleWrite("<br>** Try to enter fullscreen");
|
|
|
|
|
runWithKeyDown("video.webkitSetPresentationMode('fullscreen')");
|
|
|
|
|
waitForEventOnce('webkitpresentationmodechanged', presentationModeChanged1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
async function presentationModeChanged1()
|
|
|
|
|
{
|
2020-10-22 15:22:39 +00:00
|
|
|
consoleWrite("<br>** Received webkitpresentationmodechanged event");
|
|
|
|
|
await testExpectedEventually("internals.isChangingPresentationMode(video)", false);
|
2020-06-02 22:26:02 +00:00
|
|
|
testExpected("video.webkitPresentationMode", "fullscreen");
|
|
|
|
|
consoleWrite("<br>** Try to enter picture-in-picture");
|
|
|
|
|
waitForEventOnce('webkitpresentationmodechanged', presentationModeChanged2);
|
|
|
|
|
runWithKeyDown("video.webkitSetPresentationMode('picture-in-picture')");
|
2020-05-05 22:37:36 +00:00
|
|
|
}
|
2020-06-02 22:26:02 +00:00
|
|
|
|
|
|
|
|
async function presentationModeChanged2()
|
|
|
|
|
{
|
2020-10-22 15:22:39 +00:00
|
|
|
consoleWrite("<br>** Received webkitpresentationmodechanged event");
|
|
|
|
|
await testExpectedEventually("internals.isChangingPresentationMode(video)", false);
|
2020-06-02 22:26:02 +00:00
|
|
|
testExpected("video.webkitPresentationMode", "picture-in-picture");
|
|
|
|
|
consoleWrite("<br>** Try to return to inline");
|
|
|
|
|
waitForEventOnce('webkitpresentationmodechanged', testCompleted);
|
|
|
|
|
runWithKeyDown("video.webkitSetPresentationMode('inline')");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
async function testCompleted()
|
|
|
|
|
{
|
2020-10-22 15:22:39 +00:00
|
|
|
consoleWrite("<br>** Received webkitpresentationmodechanged event");
|
|
|
|
|
await testExpectedEventually("internals.isChangingPresentationMode(video)", false);
|
2020-06-02 22:26:02 +00:00
|
|
|
testExpected("video.webkitPresentationMode", "inline");
|
|
|
|
|
consoleWrite("<br>** Test Completed");
|
|
|
|
|
endTest();
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body onload="start()">
|
|
|
|
|
<video controls playsinline></video>
|
|
|
|
|
<p>Test the video presentation mode (video fullscreen and picture-in-picture) API.</p>
|
|
|
|
|
</body>
|
2020-05-05 22:37:36 +00:00
|
|
|
</html>
|
