<!DOCTYPE html>
<html>
<head>
<title>2K code</title>
<meta charset="utf-8" />
<meta name="author" content="2K code" />
<meta name="robots" content="noindex" />
<meta name="viewport" content="width=device-width" />
<style type="text/css">
video, button {
border: 0px;
padding: 8px;
margin: auto;
background: #F0F0F0;
}
</style>
<script type="text/javascript">
function changeaud(url) {
var vid=document.getElementById("video");
vid.src=url;
vid.play();
if (vid.requestFullscreen) {
vid.requestFullscreen();
} else if (vid.mozRequestFullScreen) {
vid.mozRequestFullScreen();
} else if (vid.webkitRequestFullscreen) {
vid.webkitRequestFullscreen();
} else if (vid.msRequestFullscreen) {
vid.msRequestFullscreen();
}
return vid;
}
</script>
</head>
<body>
<video id="video" width="320" height="240" controls>
Your browser does not support the HTML5 Video.
</video>
<p>
<button onclick="changeaud('video.ogv')">Video #1</button>
<button onclick="changeaud('video.mp4')">Video #2</button>
<button onclick="changeaud('video.ogv')">Video #3</button>
<button onclick="changeaud('video.mp4')">Video #4</button>
</p>
</body>
</html>