<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>Mock Wrapper Test</title>
  <script type="text/javascript" src="test-mock-wrapper.js"></script>
  <script type="text/javascript" src="click-event-helper.js"></script>
</head>
<style>
  video {
    display: block;
    border: 1px solid black;
  }
</style>
<body>
  <div id="player">
    <video id="mock-video-controls" src="test-video.mp4" controls loop="true" width="400" height="225"></video>
    <button class="play-pause-button" onclick="playPause()">play/pause button</button>
    <button class="mute-button" onclick="toggleMute()">mute/unmute button</button>
  </div>
</body>
</html>
