<article><!--Use for template-->
    <br><br>
      <h2>Video Content</h2>
      <p>This video is a short tutorial on how to open a Microsoft Word application 
      in Windows 10.<br> You can learn more by watching the video.</p>
      <button onclick="displayContent()">Display Video</button>
      <template>
        <video controls height="350" width="400">
        <source src="Eg. Video.mp4" type="video/mp4">
        <source src="Eg. Video.ogg" type="video/ogg">
        </video>
      </template>

      <script>
      //show the content of a template.
      function displayContent() {
        var myTemp = document.getElementsByTagName("template")[0];
        var clone = myTemp.content.cloneNode(true);
        document.body.appendChild(clone);
      }
      </script>
    </article>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.