| Index: LayoutTests/media/video-object-fit-change.html
|
| diff --git a/LayoutTests/media/video-object-fit-change.html b/LayoutTests/media/video-object-fit-change.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..aeff689cd068fa303f3e5eb09e61b77e29b8a571
|
| --- /dev/null
|
| +++ b/LayoutTests/media/video-object-fit-change.html
|
| @@ -0,0 +1,59 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| + <head>
|
| + <title>changing object-fit values on video elements</title>
|
| + <style>
|
| + video {
|
| + width: 120px;
|
| + height: 120px;
|
| + border: 1px solid blue;
|
| + background-color: gray;
|
| + margin: 10px;
|
| + }
|
| + </style>
|
| + <script src=media-file.js></script>
|
| + <script>
|
| + if (window.testRunner)
|
| + testRunner.waitUntilDone();
|
| +
|
| + function init()
|
| + {
|
| + setSrcByTagName("video", findMediaFile("video", "content/test"));
|
| +
|
| + var totalCount = document.getElementsByTagName('video').length;
|
| + var count = totalCount;
|
| + document.addEventListener("canplaythrough", function () {
|
| + if (!--count)
|
| + setTimeout(function() { changeStyle(); }, 500);
|
| + }, true);
|
| +
|
| + if (window.testRunner) {
|
| + setTimeout(function() {
|
| + document.body.appendChild(document.createTextNode('FAIL'));
|
| + if (window.testRunner)
|
| + testRunner.notifyDone();
|
| + }, 1500);
|
| + }
|
| + }
|
| +
|
| + function changeStyle()
|
| + {
|
| + video1.style.objectFit = 'contain';
|
| + video2.style.objectFit = 'cover';
|
| + video3.style.objectFit = 'fill';
|
| + video4.style.objectFit = 'scale-down';
|
| +
|
| + if (window.testRunner) {
|
| + setTimeout(function() { testRunner.notifyDone(); }, 500);
|
| + }
|
| + }
|
| + </script>
|
| +
|
| + </head>
|
| + <body onload="init();">
|
| + <video id="video1" style="object-fit:fill;"></video>
|
| + <video id="video2" style="object-fit:contain;"></video>
|
| + <video id="video3" style="object-fit:cover;"></video>
|
| + <video id="video4" style="object-fit:none;"></video>
|
| + </body>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 22482004:
Add support for the object-fit CSS property. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master