<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="servicedetail"> <div class="servicedetailimg youtubelink"> <div id="player"> <div id="serunmutebtntext">Click to unmute</div> <video id="video-element" autoplay="autoplay" style="width:100%;"> <source src="anyvideo.mp4" type="video/mp4" /> </video> <div id="controls"> </div> </div> </div> </div> <script type="text/javascript"> /** custome controller **/ document.getElementById('controls').innerHTML='<button id="btnPlayPause" class="play" title="play" accesskey="P" onclick="playPauseVideo();">Play</button><progress id="progress-bar" min="0" max="100...