Как сделать кнопку для видео (hmtl5-video) в Tilda

Как выполнили данный пример:

1. Создали ZeroBlock
2. Добавили элемент HTML и вставили в него код 1
3. Добавили иконки кнопок через Image и задали им соответствующие ссылки
#playbtn , #stopbtn
4. Добавили код 2 на страницу в блок ДРУГОЕ►Т123


 <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>