<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>
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.