JSFiddle - React, Tailwind, and code Playground

by TastyBytes

HTML

<div class="phone-frame">
  <video loop width="485" height="863">
    <source src="http://tastybytes.net/uploads/mainvideo_1.mp4" type="video/mp4">
  </video>
</div>

CSS

.phone-frame {
  background: url('http://onpointmobile.ca/images/androidborder.png') top left no-repeat transparent;
  padding: 93px 52px 128px 52px;
}

JavaScript

$('.phone-frame').click(function() {
	$(this).find('video')[0].play();
})