¿Cómo escribir código de reproductor web?

lt;!DOCTYPE?htmlgt;

lt;htmlgt;

lt;bodygt;

lt;div?style=" text-align:?center;"gt;

lt;button?onclick="playPause()"gt;play/pauselt;/buttongt;

lt;button?onclick = "makeBig()"gt;biglt;/buttongt;

lt;button?onclick="makeNormal()"gt;mediumlt;/buttongt;

lt;button ?onclick= "makeSmall()"gt;smalllt;/buttongt;

lt;br?/gt;

lt;video?id="video1"?width=" 420"?estilo ="margin-top:?15xp;"?controls="controls"gt;

lt;source?src="/mov_bbb.mp4"?type="video/mp4"? /p>

lt;/videogt;

lt;/divgt;

lt;script?type="text/javascript"gt;

var?myVideo?=?document.getElementById("video1");

función?playPause()?{

if?(myVideo.paused)?{

myVideo.play();

}?else

myVideo.pause();

}

función?makeBig( ){

myVideo.width=650;

}

función?makeSmall()

{

myVideo.width=320;

}

función?makeNormal()

{

myVideo.width=420 ;

}

lt;/scriptgt;

lt;/bodygt;

lt;/htmlgt;

Esto debería funciona, simplemente cámbialo a lo que necesitas.

El efecto es así

Espero que pueda ayudarte