VIDEO Perspective

by Léo Durand

HTML

<div id="persp">
  <video autobuffer controls>
    <source id="mp4" src="http://leodurand.fr/DOT/demo_pegase.mov">
  </video>
</div>

CSS

html{
  background-image:url(http://leodurand.fr/DOT/bg.persp.2.png);
  background-size: 800px;
  background-repeat:no-repeat;
}
video {
  opacity:1;
  width: 740px;
  display: block;
}

#persp {
  width: 500px;
  height: 400px;
  margin-top:-180px;
  margin-left:-70px;
transform: matrix3d(0.437358, -0.2797, 0, -6.02273e-06, 0.362969, 0.309308, 0, 8.0335e-06, 0, 0, 1, 0, 2, 181, 0, 1)}