5 files changed, 49 insertions, 0 deletions
diff --git a/layout/reftests/mp4-video/canvas-1-ref.xhtml b/layout/reftests/mp4-video/canvas-1-ref.xhtml
new file mode 100644
index 000000000..c8c0a1917
--- /dev/null
+++ b/layout/reftests/mp4-video/canvas-1-ref.xhtml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body>
+<script>
+function done() {
+  document.documentElement.removeAttribute("class");
+}
+</script>
+<video id="video" src="short.mp4" onloadeddata="done()"/>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/mp4-video/canvas-1.xhtml b/layout/reftests/mp4-video/canvas-1.xhtml
new file mode 100644
index 000000000..cc5e7f528
--- /dev/null
+++ b/layout/reftests/mp4-video/canvas-1.xhtml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     version="1.1">
+<!-- use an empty g to force filters.svg to load before onload -->
+<use xlink:href="../filters.svg#empty" />
+<foreignObject filter="url(../filters.svg#ThresholdRGB)" x="0" y="0" height="100%" width="100%">
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<body>
+<canvas id="canvas" width="320" height="240"></canvas>
+<script>
+function draw() {
+  var video = document.getElementById("video");
+  var canvas = document.getElementById("canvas");
+  var ctx = canvas.getContext("2d");
+  try {
+    ctx.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
+  } catch (e) {
+  }
+  document.documentElement.removeAttribute("class");
+}
+</script>
+<video id="video" src="short.mp4" onloadeddata="draw()" style="opacity:0"></video>
+</body>
+</html>
+</foreignObject>
+</svg>
diff --git a/layout/reftests/mp4-video/reftest-stylo.list b/layout/reftests/mp4-video/reftest-stylo.list
new file mode 100644
index 000000000..c1483ac47
--- /dev/null
+++ b/layout/reftests/mp4-video/reftest-stylo.list
@@ -0,0 +1,2 @@
+# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
+skip-if(B2G||Mulet||winWidget) == canvas-1.xhtml canvas-1.xhtml
diff --git a/layout/reftests/mp4-video/reftest.list b/layout/reftests/mp4-video/reftest.list
new file mode 100644
index 000000000..abb32e02e
--- /dev/null
+++ b/layout/reftests/mp4-video/reftest.list
@@ -0,0 +1 @@
+skip-if(winWidget) == canvas-1.xhtml canvas-1-ref.xhtml
diff --git a/layout/reftests/mp4-video/short.mp4 b/layout/reftests/mp4-video/short.mp4
new file mode 100644
index 000000000..a674b7eb6
--- /dev/null
+++ b/layout/reftests/mp4-video/short.mp4