HOW TO EMBED & STYLIZE VIDEOS

HOW TO EMBED A VIDEO ABOUT THE OLD WEST

AUDIO PLAYER WITH PLAY & PAUSE BUTTONS

<table class="center">
  <tr>
    <td>

<button onclick="playVIDEO()" type="button"><img class="c" style="height: 55px; border: 6px solid #ffffff;" src="img_png/PLAYbuton.png "></button>

<button onclick="pauseVIDEO()" type="button"><img class="c" style="height: 55px; border: 6px solid #ffffff;" src="img_png/PAUSEbuton.png "></button><br>

<video id="west" width="350" controls>
  <source src="videos/OldWest.mp4" type="video/mp4">
  <source src="videos/OldWest.ogg" type="video/ogg">
  Your browser does not support HTML5.
</video>

    </td>
  </tr>
</table>

<h1 style="text-align: center; font-weight: bold; color: #0034ff;">AUDIO PLAYER WITH PLAY & PAUSE BUTTONS</h1>

<script>
let video = document.getElementById("west");

function playVIDEO() {
  video.play();
}

function pauseVIDEO() {
  video.pause();
}
</script>