JSFiddle - React, Tailwind, and code Playground

by gianlucaguarini

HTML

<video controls>
      <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4">
      <source src="http://clips.vorwaerts-gmbh.de/VfE.webm">
      <source src="http://clips.vorwaerts-gmbh.de/VfE.ogv">
</video>

CSS

video {
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out; /* Firefox 4 */
  -webkit-transition: all 0.4s ease-in-out; /* Safari and Chrome */
  -o-transition: all 0.4s ease-in-out; /* Opera */
  margin:50px;
  width:360px;
}
video:hover {
  border-radius:130px 0 130px 0;
  box-shadow:0 0 15px #666;
}