<video id="controlvideo" playsinline loop="loop" width="100%" height="auto" poster="https://static.tildacdn.com/tild3661-3866-4965-b539-336234653263/LqBBSq0wRSC3sUe71PrV.png" >
<source src="https://clck.ru/GceYL" type='video/mp4;'>
</video>
<!--Код 2-->
<script>
$( document ).ready(function() {
myVid=document.getElementById("controlvideo");
myVid.volume=0.2; //Задаём громкость
var hspeed = 600; //Задаём скорость смены иконок
$("a[href = '#playbtn'] ").addClass('playbtn');
$("a[href = '#stopbtn'] ").addClass('stopbtn').hide();
$(".playbtn").click(function(e) {e.preventDefault();
myVid.play();$(".playbtn").hide(hspeed);$(".stopbtn").show(hspeed);});
$(".stopbtn").click(function(e) {e.preventDefault();
myVid.pause();$(".stopbtn").hide(hspeed);$(".playbtn").show(hspeed);});});
</script>