Attachment 371587 Details for Bug 198660 – Example of video in foreignObject in SVG that is rendered at incorrect location

Example of video in foreignObject in SVG that is rendered at incorrect location

bug.html (text/html), 928 bytes, created by Matthew on 2019-06-07 08:58:44 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: Matthew

Created: 2019-06-07 08:58:44 PDT

Size: 928 bytes

patch

obsolete

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
  </head>

  <body>
    <h1>Video in SVG's &lt;foreignBody&gt;</h1>
    <svg width="600" height="600">
      <g transform="translate(100 0)">
	<rect x="0" y="0" width="400" height="400" style="fill:red"/>
	<foreignObject x="0" y="0" width="400" height="400">
	  <div xmlns="http://www.w3.org/1999/xhtml">
	    <p>The video should appear in the red rectangle</p>
	    <video width="100%" height="100%" controls="on">
	      <source src="http://techslides.com/demos/sample-videos/small.webm" type="video/webm"/>
	      <source src="http://techslides.com/demos/sample-videos/small.ogv" type="video/ogg"/> 
	      <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4"/>
	      <source src="http://techslides.com/demos/sample-videos/small.3gp" type="video/3gp"/>
	    </video>
	  </div>
	</foreignObject>
      </g>
    </svg>
  </body>
</html>

Actions: View

Attachments on bug 198660: 371587 | 371590