<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[208274] trunk</title>
</head>
<body>

<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://trac.webkit.org/projects/webkit/changeset/208274">208274</a></dd>
<dt>Author</dt> <dd>commit-queue@webkit.org</dd>
<dt>Date</dt> <dd>2016-11-02 03:47:44 -0700 (Wed, 02 Nov 2016)</dd>
</dl>

<h3>Log Message</h3>
<pre>[Modern Media Controls] Media Controller: fullscreen toggle support
https://bugs.webkit.org/show_bug.cgi?id=163728
&lt;rdar://problem/27989486&gt;

Patch by Antoine Quint &lt;graouts@apple.com&gt; on 2016-11-02
Reviewed by Darin Adler.

Source/WebCore:

We introduce the FullscreenSupport class which brings support for entering and
exiting fullscreen by clicking on the fullscreen button in the media controls
and correctly reflecting the media's fullscreen state should it be changed
via the media API.

Tests: media/modern-media-controls/fullscreen-support/fullscreen-support-click.html
       media/modern-media-controls/fullscreen-support/fullscreen-support-enabled.html

* Modules/modern-media-controls/js-files:
* Modules/modern-media-controls/media/fullscreen-support.js: Added.
(FullscreenSupport):
(FullscreenSupport.prototype.get control):
(FullscreenSupport.prototype.get mediaEvents):
(FullscreenSupport.prototype.buttonWasClicked):
(FullscreenSupport.prototype.syncControl):
* Modules/modern-media-controls/media/media-controller.js:
(MediaController):
* WebCore.xcodeproj/project.pbxproj:

LayoutTests:

Adding new tests to check that clicking on the fullscreen button enters fullscreen and
that the fullscreen button is enabled when fullscreen is supported.

* media/modern-media-controls/fullscreen-support/fullscreen-support-click-expected.txt: Added.
* media/modern-media-controls/fullscreen-support/fullscreen-support-click.html: Added.
* media/modern-media-controls/fullscreen-support/fullscreen-support-enabled-expected.txt: Added.
* media/modern-media-controls/fullscreen-support/fullscreen-support-enabled.html: Added.
* platform/ios-simulator/TestExpectations:</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsChangeLog">trunk/LayoutTests/ChangeLog</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorTestExpectations">trunk/LayoutTests/platform/ios-simulator/TestExpectations</a></li>
<li><a href="#trunkSourceWebCoreChangeLog">trunk/Source/WebCore/ChangeLog</a></li>
<li><a href="#trunkSourceWebCoreModulesmodernmediacontrolsjsfiles">trunk/Source/WebCore/Modules/modern-media-controls/js-files</a></li>
<li><a href="#trunkSourceWebCoreModulesmodernmediacontrolsmediamediacontrollerjs">trunk/Source/WebCore/Modules/modern-media-controls/media/media-controller.js</a></li>
<li><a href="#trunkSourceWebCoreWebCorexcodeprojprojectpbxproj">trunk/Source/WebCore/WebCore.xcodeproj/project.pbxproj</a></li>
</ul>

<h3>Added Paths</h3>
<ul>
<li>trunk/LayoutTests/media/modern-media-controls/fullscreen-support/</li>
<li><a href="#trunkLayoutTestsmediamodernmediacontrolsfullscreensupportfullscreensupportclickexpectedtxt">trunk/LayoutTests/media/modern-media-controls/fullscreen-support/fullscreen-support-click-expected.txt</a></li>
<li><a href="#trunkLayoutTestsmediamodernmediacontrolsfullscreensupportfullscreensupportclickhtml">trunk/LayoutTests/media/modern-media-controls/fullscreen-support/fullscreen-support-click.html</a></li>
<li><a href="#trunkLayoutTestsmediamodernmediacontrolsfullscreensupportfullscreensupportenabledexpectedtxt">trunk/LayoutTests/media/modern-media-controls/fullscreen-support/fullscreen-support-enabled-expected.txt</a></li>
<li><a href="#trunkLayoutTestsmediamodernmediacontrolsfullscreensupportfullscreensupportenabledhtml">trunk/LayoutTests/media/modern-media-controls/fullscreen-support/fullscreen-support-enabled.html</a></li>
<li><a href="#trunkSourceWebCoreModulesmodernmediacontrolsmediafullscreensupportjs">trunk/Source/WebCore/Modules/modern-media-controls/media/fullscreen-support.js</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkLayoutTestsChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/ChangeLog (208273 => 208274)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/ChangeLog        2016-11-02 09:48:56 UTC (rev 208273)
+++ trunk/LayoutTests/ChangeLog        2016-11-02 10:47:44 UTC (rev 208274)
</span><span class="lines">@@ -1,5 +1,22 @@
</span><span class="cx"> 2016-11-02  Antoine Quint  &lt;graouts@apple.com&gt;
</span><span class="cx"> 
</span><ins>+        [Modern Media Controls] Media Controller: fullscreen toggle support
+        https://bugs.webkit.org/show_bug.cgi?id=163728
+        &lt;rdar://problem/27989486&gt;
+
+        Reviewed by Darin Adler.
+
+        Adding new tests to check that clicking on the fullscreen button enters fullscreen and
+        that the fullscreen button is enabled when fullscreen is supported.
+
+        * media/modern-media-controls/fullscreen-support/fullscreen-support-click-expected.txt: Added.
+        * media/modern-media-controls/fullscreen-support/fullscreen-support-click.html: Added.
+        * media/modern-media-controls/fullscreen-support/fullscreen-support-enabled-expected.txt: Added.
+        * media/modern-media-controls/fullscreen-support/fullscreen-support-enabled.html: Added.
+        * platform/ios-simulator/TestExpectations:
+
+2016-11-02  Antoine Quint  &lt;graouts@apple.com&gt;
+
</ins><span class="cx">         [Modern Media Controls] Media Controller: PiP support
</span><span class="cx">         https://bugs.webkit.org/show_bug.cgi?id=163730
</span><span class="cx">         &lt;rdar://problem/27989485&gt;
</span></span></pre></div>
<a id="trunkLayoutTestsmediamodernmediacontrolsfullscreensupportfullscreensupportclickexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/media/modern-media-controls/fullscreen-support/fullscreen-support-click-expected.txt (0 => 208274)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/media/modern-media-controls/fullscreen-support/fullscreen-support-click-expected.txt                                (rev 0)
+++ trunk/LayoutTests/media/modern-media-controls/fullscreen-support/fullscreen-support-click-expected.txt        2016-11-02 10:47:44 UTC (rev 208274)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+Testing the FullscreenSupport behavior when clicking the fullscreen button.
+
+On success, you will see a series of &quot;PASS&quot; messages, followed by &quot;TEST COMPLETE&quot;.
+
+
+PASS media.webkitDisplayingFullscreen is true
+PASS successfullyParsed is true
+
+TEST COMPLETE
+
</ins></span></pre></div>
<a id="trunkLayoutTestsmediamodernmediacontrolsfullscreensupportfullscreensupportclickhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/media/modern-media-controls/fullscreen-support/fullscreen-support-click.html (0 => 208274)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/media/modern-media-controls/fullscreen-support/fullscreen-support-click.html                                (rev 0)
+++ trunk/LayoutTests/media/modern-media-controls/fullscreen-support/fullscreen-support-click.html        2016-11-02 10:47:44 UTC (rev 208274)
</span><span class="lines">@@ -0,0 +1,53 @@
</span><ins>+&lt;script src=&quot;../../../resources/js-test-pre.js&quot;&gt;&lt;/script&gt;
+&lt;script src=&quot;../resources/media-controls-loader.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+&lt;body&gt;
+&lt;style type=&quot;text/css&quot; media=&quot;screen&quot;&gt;
+    
+    video, #host {
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+
+    video {
+        width: 800px;
+        height: 240px;
+    }
+    
+&lt;/style&gt;
+&lt;video src=&quot;../../content/test.mp4&quot; autoplay&gt;&lt;/video&gt;
+&lt;div id=&quot;host&quot;&gt;&lt;/div&gt;
+&lt;script type=&quot;text/javascript&quot;&gt;
+
+window.jsTestIsAsync = true;
+
+description(&quot;Testing the &lt;code&gt;FullscreenSupport&lt;/code&gt; behavior when clicking the fullscreen button.&quot;);
+
+const container = document.querySelector(&quot;div#host&quot;);
+const media = document.querySelector(&quot;video&quot;);
+const mediaController = createControls(container, media, null);
+
+scheduler.frameDidFire = function() {
+    if (media.paused)
+        return;
+
+    const input = mediaController.controls.fullscreenButton.element;
+    const bounds = input.getBoundingClientRect();
+    const centerX = bounds.left + bounds.width / 2;
+    const centerY = bounds.top + bounds.height / 2;
+
+    eventSender.mouseMoveTo(centerX, centerY);
+    eventSender.mouseDown();
+    eventSender.mouseUp();
+};
+
+media.addEventListener(&quot;webkitfullscreenchange&quot;, () =&gt; {
+    shouldBeTrue(&quot;media.webkitDisplayingFullscreen&quot;);
+    container.remove();
+    media.remove();
+    finishJSTest();
+});
+
+&lt;/script&gt;
+&lt;script src=&quot;../../../resources/js-test-post.js&quot;&gt;&lt;/script&gt;
+&lt;/body&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsmediamodernmediacontrolsfullscreensupportfullscreensupportenabledexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/media/modern-media-controls/fullscreen-support/fullscreen-support-enabled-expected.txt (0 => 208274)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/media/modern-media-controls/fullscreen-support/fullscreen-support-enabled-expected.txt                                (rev 0)
+++ trunk/LayoutTests/media/modern-media-controls/fullscreen-support/fullscreen-support-enabled-expected.txt        2016-11-02 10:47:44 UTC (rev 208274)
</span><span class="lines">@@ -0,0 +1,12 @@
</span><ins>+Testing the FullscreenSupport behavior.
+
+On success, you will see a series of &quot;PASS&quot; messages, followed by &quot;TEST COMPLETE&quot;.
+
+
+PASS mediaController.controls.fullscreenButton.enabled is true
+PASS mediaController.controls.fullscreenButton.enabled is false
+
+PASS successfullyParsed is true
+
+TEST COMPLETE
+
</ins></span></pre></div>
<a id="trunkLayoutTestsmediamodernmediacontrolsfullscreensupportfullscreensupportenabledhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/media/modern-media-controls/fullscreen-support/fullscreen-support-enabled.html (0 => 208274)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/media/modern-media-controls/fullscreen-support/fullscreen-support-enabled.html                                (rev 0)
+++ trunk/LayoutTests/media/modern-media-controls/fullscreen-support/fullscreen-support-enabled.html        2016-11-02 10:47:44 UTC (rev 208274)
</span><span class="lines">@@ -0,0 +1,45 @@
</span><ins>+&lt;script src=&quot;../../../resources/js-test-pre.js&quot;&gt;&lt;/script&gt;
+&lt;script src=&quot;../resources/media-controls-loader.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+&lt;body&gt;
+&lt;style type=&quot;text/css&quot; media=&quot;screen&quot;&gt;
+    
+    video, #host {
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+
+    video {
+        width: 800px;
+        height: 240px;
+    }
+    
+&lt;/style&gt;
+&lt;video src=&quot;../../content/test.mp4&quot;&gt;&lt;/video&gt;
+&lt;div id=&quot;host&quot;&gt;&lt;/div&gt;
+&lt;script type=&quot;text/javascript&quot;&gt;
+
+window.jsTestIsAsync = true;
+
+description(&quot;Testing the &lt;code&gt;FullscreenSupport&lt;/code&gt; behavior.&quot;);
+
+const container = document.querySelector(&quot;div#host&quot;);
+const media = document.querySelector(&quot;video&quot;);
+const mediaController = createControls(container, media, null);
+
+media.addEventListener(&quot;loadedmetadata&quot;, () =&gt; {
+    shouldBeTrue(&quot;mediaController.controls.fullscreenButton.enabled&quot;);
+    media.src = &quot;&quot;;
+});
+
+media.addEventListener(&quot;error&quot;, () =&gt; {
+    shouldBeFalse(&quot;mediaController.controls.fullscreenButton.enabled&quot;);
+    debug(&quot;&quot;);
+    container.remove();
+    media.remove();
+    finishJSTest();
+});
+
+&lt;/script&gt;
+&lt;script src=&quot;../../../resources/js-test-post.js&quot;&gt;&lt;/script&gt;
+&lt;/body&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorTestExpectations"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/platform/ios-simulator/TestExpectations (208273 => 208274)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/TestExpectations        2016-11-02 09:48:56 UTC (rev 208273)
+++ trunk/LayoutTests/platform/ios-simulator/TestExpectations        2016-11-02 10:47:44 UTC (rev 208274)
</span><span class="lines">@@ -2709,6 +2709,7 @@
</span><span class="cx"> webkit.org/b/164160 media/modern-media-controls/volume-support/volume-support-click.html [ Skip ]
</span><span class="cx"> webkit.org/b/164160 media/modern-media-controls/volume-support/volume-support-drag.html [ Skip ]
</span><span class="cx"> webkit.org/b/164250 media/modern-media-controls/volume-support/volume-support-media-api.html [ Skip ]
</span><ins>+webkit.org/b/164314 media/modern-media-controls/fullscreen-support/fullscreen-support-click.html [ Skip ]
</ins><span class="cx"> 
</span><span class="cx"> # This variation font test requires Skia which isn't available on iOS.
</span><span class="cx"> webkit.org/b/163093 fast/text/variations/advances.html [ Failure ]
</span></span></pre></div>
<a id="trunkSourceWebCoreChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/ChangeLog (208273 => 208274)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/ChangeLog        2016-11-02 09:48:56 UTC (rev 208273)
+++ trunk/Source/WebCore/ChangeLog        2016-11-02 10:47:44 UTC (rev 208274)
</span><span class="lines">@@ -1,5 +1,32 @@
</span><span class="cx"> 2016-11-02  Antoine Quint  &lt;graouts@apple.com&gt;
</span><span class="cx"> 
</span><ins>+        [Modern Media Controls] Media Controller: fullscreen toggle support
+        https://bugs.webkit.org/show_bug.cgi?id=163728
+        &lt;rdar://problem/27989486&gt;
+
+        Reviewed by Darin Adler.
+
+        We introduce the FullscreenSupport class which brings support for entering and
+        exiting fullscreen by clicking on the fullscreen button in the media controls
+        and correctly reflecting the media's fullscreen state should it be changed
+        via the media API.
+
+        Tests: media/modern-media-controls/fullscreen-support/fullscreen-support-click.html
+               media/modern-media-controls/fullscreen-support/fullscreen-support-enabled.html
+
+        * Modules/modern-media-controls/js-files:
+        * Modules/modern-media-controls/media/fullscreen-support.js: Added.
+        (FullscreenSupport):
+        (FullscreenSupport.prototype.get control):
+        (FullscreenSupport.prototype.get mediaEvents):
+        (FullscreenSupport.prototype.buttonWasClicked):
+        (FullscreenSupport.prototype.syncControl):
+        * Modules/modern-media-controls/media/media-controller.js:
+        (MediaController):
+        * WebCore.xcodeproj/project.pbxproj:
+
+2016-11-02  Antoine Quint  &lt;graouts@apple.com&gt;
+
</ins><span class="cx">         [Modern Media Controls] Media Controller: PiP support
</span><span class="cx">         https://bugs.webkit.org/show_bug.cgi?id=163730
</span><span class="cx">         &lt;rdar://problem/27989485&gt;
</span></span></pre></div>
<a id="trunkSourceWebCoreModulesmodernmediacontrolsjsfiles"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/Modules/modern-media-controls/js-files (208273 => 208274)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/Modules/modern-media-controls/js-files        2016-11-02 09:48:56 UTC (rev 208273)
+++ trunk/Source/WebCore/Modules/modern-media-controls/js-files        2016-11-02 10:47:44 UTC (rev 208274)
</span><span class="lines">@@ -30,6 +30,7 @@
</span><span class="cx"> media/media-controller-support.js
</span><span class="cx"> media/airplay-support.js
</span><span class="cx"> media/elapsed-time-support.js
</span><ins>+media/fullscreen-support.js
</ins><span class="cx"> media/mute-support.js
</span><span class="cx"> media/pip-support.js
</span><span class="cx"> media/placard-support.js
</span></span></pre></div>
<a id="trunkSourceWebCoreModulesmodernmediacontrolsmediafullscreensupportjsfromrev208273trunkSourceWebCoreModulesmodernmediacontrolsmediamediacontrollerjs"></a>
<div class="copfile"><h4>Copied: trunk/Source/WebCore/Modules/modern-media-controls/media/fullscreen-support.js (from rev 208273, trunk/Source/WebCore/Modules/modern-media-controls/media/media-controller.js) (0 => 208274)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/Modules/modern-media-controls/media/fullscreen-support.js                                (rev 0)
+++ trunk/Source/WebCore/Modules/modern-media-controls/media/fullscreen-support.js        2016-11-02 10:47:44 UTC (rev 208274)
</span><span class="lines">@@ -0,0 +1,67 @@
</span><ins>+/*
+ * Copyright (C) 2016 Apple Inc. All Rights Reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions
+ * are met:
+ * 1. Redistributions of source code must retain the above copyright
+ *    notice, this list of conditions and the following disclaimer.
+ * 2. Redistributions in binary form must reproduce the above copyright
+ *    notice, this list of conditions and the following disclaimer in the
+ *    documentation and/or other materials provided with the distribution.
+ *
+ * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+ * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+ * PURPOSE ARE DISCLAIMED.  IN NO EVENT SHALL APPLE INC. OR
+ * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+ * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
+ * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
+ * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
+ * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+ * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+ * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ */
+
+class FullscreenSupport extends MediaControllerSupport
+{
+
+    constructor(mediaController)
+    {
+        super(mediaController);
+
+        const videoTracks = mediaController.media.videoTracks;
+        for (let eventType of [&quot;change&quot;, &quot;addtrack&quot;, &quot;removetrack&quot;])
+            videoTracks.addEventListener(eventType, this);
+    }
+
+    // Protected
+
+    get control()
+    {
+        return this.mediaController.controls.fullscreenButton;
+    }
+
+    get mediaEvents()
+    {
+        return [&quot;loadedmetadata&quot;, &quot;error&quot;];
+    }
+
+    buttonWasClicked(control)
+    {
+        const media = this.mediaController.media;
+        if (media.webkitDisplayingFullscreen)
+            media.webkitExitFullscreen();
+        else
+            media.webkitEnterFullscreen();
+    }
+
+    syncControl()
+    {
+        const control = this.control;
+        const media = this.mediaController.media;
+        control.enabled = media.webkitSupportsFullscreen;
+        control.isFullScreen = media.webkitDisplayingFullscreen;
+    }
+
+}
</ins></span></pre></div>
<a id="trunkSourceWebCoreModulesmodernmediacontrolsmediamediacontrollerjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/Modules/modern-media-controls/media/media-controller.js (208273 => 208274)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/Modules/modern-media-controls/media/media-controller.js        2016-11-02 09:48:56 UTC (rev 208273)
+++ trunk/Source/WebCore/Modules/modern-media-controls/media/media-controller.js        2016-11-02 10:47:44 UTC (rev 208274)
</span><span class="lines">@@ -40,6 +40,7 @@
</span><span class="cx"> 
</span><span class="cx">         new AirplaySupport(this);
</span><span class="cx">         new ElapsedTimeSupport(this);
</span><ins>+        new FullscreenSupport(this);
</ins><span class="cx">         new MuteSupport(this);
</span><span class="cx">         new PiPSupport(this);
</span><span class="cx">         new PlacardSupport(this);
</span></span></pre></div>
<a id="trunkSourceWebCoreWebCorexcodeprojprojectpbxproj"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/WebCore.xcodeproj/project.pbxproj (208273 => 208274)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/WebCore.xcodeproj/project.pbxproj        2016-11-02 09:48:56 UTC (rev 208273)
+++ trunk/Source/WebCore/WebCore.xcodeproj/project.pbxproj        2016-11-02 10:47:44 UTC (rev 208274)
</span><span class="lines">@@ -9867,6 +9867,8 @@
</span><span class="cx">                 7134496B146941B300720312 /* SVGLengthContext.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = SVGLengthContext.cpp; sourceTree = &quot;&lt;group&gt;&quot;; };
</span><span class="cx">                 7134496C146941B300720312 /* SVGLengthContext.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = SVGLengthContext.h; sourceTree = &quot;&lt;group&gt;&quot;; };
</span><span class="cx">                 713E70AF1733E8B300A22D00 /* plugIns.js */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.javascript; path = plugIns.js; sourceTree = &quot;&lt;group&gt;&quot;; };
</span><ins>+                714131471DC9D6AF00336107 /* fullscreen-support.js */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.javascript; path = &quot;fullscreen-support.js&quot;; sourceTree = &quot;&lt;group&gt;&quot;; };
+                714131481DC9D6EF00336107 /* js-files */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = &quot;js-files&quot;; sourceTree = &quot;&lt;group&gt;&quot;; };
</ins><span class="cx">                 715379FE146BD9D6008BD615 /* SVGPathData.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = SVGPathData.cpp; sourceTree = &quot;&lt;group&gt;&quot;; };
</span><span class="cx">                 715379FF146BD9D6008BD615 /* SVGPathData.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = SVGPathData.h; sourceTree = &quot;&lt;group&gt;&quot;; };
</span><span class="cx">                 7157E3D11DC1EE4B0094550E /* scrubbing-support.js */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.javascript; path = &quot;scrubbing-support.js&quot;; sourceTree = &quot;&lt;group&gt;&quot;; };
</span><span class="lines">@@ -17873,6 +17875,7 @@
</span><span class="cx">                         children = (
</span><span class="cx">                                 717F90581DC4BB600006F520 /* airplay-support.js */,
</span><span class="cx">                                 71004B9A1DC1109300A52A38 /* elapsed-time-support.js */,
</span><ins>+                                714131471DC9D6AF00336107 /* fullscreen-support.js */,
</ins><span class="cx">                                 7177E2461DB80D2F00919A0B /* media-controller-support.js */,
</span><span class="cx">                                 71D02D921DB55C4E00DD5CF5 /* media-controller.js */,
</span><span class="cx">                                 7177E2471DB80D2F00919A0B /* mute-support.js */,
</span><span class="lines">@@ -17891,10 +17894,11 @@
</span><span class="cx">                 71D6AA391DA4EAF700B23969 /* modern-media-controls */ = {
</span><span class="cx">                         isa = PBXGroup;
</span><span class="cx">                         children = (
</span><ins>+                                714131481DC9D6EF00336107 /* js-files */,
+                                71D02D901DB55C4E00DD5CF5 /* main.js */,
</ins><span class="cx">                                 716FA0D71DB26591007323CC /* controls */,
</span><span class="cx">                                 71D6AA6F1DA4EAF700B23969 /* images */,
</span><span class="cx">                                 71D02D911DB55C4E00DD5CF5 /* media */,
</span><del>-                                71D02D901DB55C4E00DD5CF5 /* main.js */,
</del><span class="cx">                         );
</span><span class="cx">                         path = &quot;modern-media-controls&quot;;
</span><span class="cx">                         sourceTree = &quot;&lt;group&gt;&quot;;
</span></span></pre>
</div>
</div>

</body>
</html>