Tenho esse código html porém preciso acrescentar mais um botão com a função Fullscreen nele, más não sei como da os comandos lá em baixo. Eu segui a mesma sequencia dos outros porém não sei como da os comandos para que ele abra em tela cheia.
<div style="text-align:center">
<button onclick="playPause()">Play/Pause</button>
<button onclick="makeGrande()">Grande</button>
<button onclick="makePequeno()">Pequeno</button>
<button onclick="makeNormal()">Normal</button>
<button onclick="makeFullscreen ()">Fullscreen</button>
<br><br>
<video id="video1" width="420">
<source src="" type="video/mp4">
<source src="mov_bbb.ogg" type="video/ogg">
Your browser does not support HTML5 video.
</video>
</div>
<script>
var myVideo = document.getElementById("video1");
function playPause() {
if (myVideo.paused)
myVideo.play();
else
myVideo.pause();
}
function makeGrande() {
myVideo.width = 660;
}
function makePequeno() {
myVideo.width = 220;
}
function makeNormal() {
myVideo.width = 420;
}
</script>