| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>mtm Demo</title> | |
| <style> | |
| body { | |
| background-color: rgb(255, 255, 255); | |
| color: #0047ab; | |
| font-size: 100px; | |
| } | |
| .vid { | |
| margin: 100px; | |
| border: 10px solid blue; | |
| width: 960px; | |
| height: 540px; | |
| filter: -cobalt-mtm(url(projection.msh), 100deg 60deg, | |
| matrix3d(1, 0, 0, 0, | |
| 0, 1, 0, 0, | |
| 0, 0, 1, 0, | |
| 0, 0, 0, 1)); | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div>Mtm Demo!!!</div> | |
| <video autoplay loop id="v" class="vid" src="progressive.mp4"></video> | |
| </body> | |
| </html> |